Joomla Templates Club 406,261 posts

[yaodesign Friend yaodesignJoin date: July 2014Posts: 13Downloads:0Uploads:5 Thanks: 4]

#201669

I would like to change the background of slideshow and ja-newstichers in Ja Magz. Please help me.

screenshot:

---

Attachments:

1. 

[yaodesign Friend yaodesignJoin date: July 2014Posts: 13Downloads:0Uploads:5 Thanks: 4]

#551014

I have change the background of the Ja-newsticker. I need help for the slideshow background color and menu

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#551145

Hi,

Please open root_folder/templates/ja_magz/css/custom.css (if you don’t have this file, just create a new one) then add these rules :

1. To change the background color of slideshow :

#Mod126 {
position: relative;
}
#Mod126:before {
top: -40px;
left: -999px;
content: "";
position: absolute;
width: 999em;
height: 100%;
padding-top: 40px;
background: #b20000;
}

2. To create a faux line in Main Menu, add this code :

.wrap.top-header + .wrap {
position: relative;
overflow: hidden;
}
.t3-mainnav .vert-nav:before {
background: #eaeaea;
content: "";
height: 999px;
position: absolute;
right: 0;
top: 0;
width: 1px;
}
.t3-mainnav .navbar .nav > li > a {
position: relative;
}
.t3-mainnav .navbar .nav > li > a:before {
background: #eaeaea;
content: "";
height: 999px;
left: -1px;
position: absolute;
top: -20px;
width: 1px;
}

.t3-mainnav .navbar .nav > li.nav-search > a:after {
content: "";
height: 999px;
right: -1px;
position: absolute;
background: #eaeaea;
width: 1px;
top: -20px;
display: block;
}

[yaodesign Friend yaodesignJoin date: July 2014Posts: 13Downloads:0Uploads:5 Thanks: 4]

#551375

Thank you for your reply. But I do not catch very well. I have created the css file custom.css and added code. But nothing change. There is any code to add to template.css?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#551483

Hi,

Please navigate to Admin >>> Extensions >>> Template Manager >>> choose your template >>> disable parameter CSS Compression in tab General and recheck.

[Author]

Posts