Joomla Templates Club 406,261 posts

[joomlartdai Friend joomlartdaiJoin date: May 2017Posts: 86Downloads:65Uploads:40]

#1058827

hi, I have 3 questions, pls help. 1.how to change the background colour of T3 header area？ 2.how to narrow two position’s space? pls see detail at attachment, thank you.

• This topic was modified 7 years, 3 months ago by  joomlartdai.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1059063

Hi
Can you share the URL of site here,
the current template showing with JA University template, not JA Alumni.

Regards

[joomlartdai Friend joomlartdaiJoin date: May 2017Posts: 86Downloads:65Uploads:40]

#1060874

http://chengx.mse.sustc.edu.cn/index.php/en/
thank you.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1060917

Hi
For the header, color add this code in custom.css file to change the bg color

.t3-header {
    background-color: #000;
}

The menu width is defined in the /tpls/blocks/header.php file
At this time it use container class that is default class, you can remove the container class to set the header full width: http://prntscr.com/gi2dny

To remove the space add this code in custom.css

#Mod156 {margin-bottom:0px;}

You are using the t3 blank template. For the future threads Kindly open thread on the same template forum.

[joomlartdai Friend joomlartdaiJoin date: May 2017Posts: 86Downloads:65Uploads:40]

#1060956

thank you for your reply. the code doesnot work on remove the space, is there anyother settings to change?
And I make the screen full width, but how the position is not center, how to make it center?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1061093

Hi
if you want to move the block in the center it will not use full width.
Example here http://prntscr.com/gih8pi

Also, the space coming from template is removed by the code i suggested http://prntscr.com/gih90s
The rest of the space is the 3rd party extension you are using. You can ask the extension team for its css customization to reduce its height.

Regards

[Author]

Posts