Public Forums 71,145 posts

[davidunwin Friend davidunwinJoin date: January 2014Posts: 2Downloads:4Uploads:0]

#195712

2 questions
1) How can I change the vertical size of the masthead, I would like to reduce the size takes up on the page, and
2) How do i change the size of the Masthead title text

Thanks in advance for any help you can give

[johnnys Friend johnnysJoin date: November 2012Posts: 123Downloads:102Uploads:6 Thanks: 28 Thanked: 3 times in 1 posts]

#526480

This worked for me

http://www.joomlart.com/forums/topic/massheadslideshow-size/

[davidunwin Friend davidunwinJoin date: January 2014Posts: 2Downloads:4Uploads:0]

#526511

Tried that area but when I inspect the element it refers to the following:

.page-masthead .jumbotron {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 60px;
padding-bottom: 60px;
padding-left: 0;
padding-right: 0;
}

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#526665

By default, we use 2 custom HTML modules in masthead position. If you want to change the font-size of text, just go to backend settings of module and change as you wish.

Module in masthead position has class suffix called row-feature, you can open the file: /templates/purity_iii/css/custom.css and add this css rule:


.page-masthead .row-feature {
height: 372px;
padding: 100px 0;
/*your custom code goes here*/
}


[jsobenes Friend jsobenesJoin date: May 2014Posts: 1Downloads:0Uploads:0]

#536594

Hi, im trying to do this but my folder does not have tha CSS file.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#536597

If that file doesn’t exist, please create such new file in the path: your_root_folder/templates/purity_iii/css

[elt2404 Friend elt2404Join date: February 2016Posts: 1Downloads:4Uploads:0]

#878551

hey,
just saw this post looking for a solution to my problem…does the code you write have to be pasted as extra? my template.css on joomla (with purity iii magazine as default) has that .page-masthead code(line 2300-something in the template.css file) but without "row feature". i am desperately trying to change the size of the header inside the masthead and nothing happens. would be very grateful for any advice.
best,
E.T.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#879683

If there is no class ‘row-feature’ on your site, you can add into the module class suffix of this module on your site.

Then create ‘custom.css’ file as above and add your own custom css as you wish.

[Author]

Posts