top banner colors

December 2012 Joomla Template
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Thu Aug 14, 2014 1:04 pm
Reply with quote
Report this post
I need to set diferent colors (only) for the top banner gk4 on the news template, replacing the banner, article boxes and text colors with my own. I already managed to change the banner background color but I don´t know how to do the rest.
Please advice.
User avatar
Fresh Boarder

GK User
Thu Aug 14, 2014 1:47 pm
Reply with quote
Report this post
Could you please post an url to your site?
User avatar
Moderator

GK User
Fri Aug 15, 2014 11:34 am
Reply with quote
Report this post
Hello,
I switched the site to on-line state, just for this purpose, as it is not ready yet: www.agronegocios.eu
User avatar
Fresh Boarder

GK User
Sun Aug 17, 2014 10:30 am
Reply with quote
Report this post
Please be more specific what you would like to change (screenshots might be helpful)?
User avatar
Moderator

GK User
Mon Aug 18, 2014 11:17 pm
Reply with quote
Report this post
Hi Cybereck,
As you are able to see, the top banner (slider) displays 4 articles, each one within a box showing a thumbnail and article header. The background is black and the text is grey (white text on mouse over). I want to substitute the black and grey colors for other colors of my choice. Sorry if I wansn't clear enough before, I hope to be now!
User avatar
Fresh Boarder

GK User
Wed Aug 20, 2014 5:28 pm
Reply with quote
Report this post
Please edit: /templates/gk_news/css/override.css and add at its end:
Code: Select all
.nspMainPortalMode7 .nspArt {
background: #2b2b2b;
}
.nspMainPortalMode7 .nspArt:hover {
background: #363636;
}
.nspMainPortalMode7 .nspHeader a {
color: #b6b6b6!important;
}
.nspMainPortalMode7 .nspHeader a:hover {
color: #fff!important;
}


First two declares background and hovered background colour, last two text and hovered text colour.

Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Thu Aug 21, 2014 2:35 pm
Reply with quote
Report this post
That's what I was looking for! Thanks Cybereck.
User avatar
Fresh Boarder

GK User
Fri Aug 22, 2014 6:42 am
Reply with quote
Report this post
I'm glad I could help.
If you will have any other questions (not relative to this thread), feel free to post new forum threads - it allows us to answer you faster.
User avatar
Moderator


cron