GK-Magazine - CSS problem - Support Central

GK-Magazine - CSS problem

xkaitan

Hello, we need some help with the colors of links. Modules (of type mod_news_pro_gk4) in position "mainbody" show links as color: #4d90fe (blue) and when hovered as color: #363636 (black). Same modules if in position "top2" are ok (black when seen and blue when hovered). I cant put them all in "top2" because then it uses 3 columns for each row and it shows ugly. Where exactly can i change code in order to succeed uniformity in appearance of links? or leave only 1 column/module per line in "top2"? Or sth else perhaps as a workaround?

Thanks in advance

teitbite

xkaitan Hi. Please try adding this to css:

#gkMainbody a {
color: #333;
}

#gkMainbody a:hover,
#gkMainbody a:focus {
color: #4d90fe;
}

xkaitan

teitbite
Thank you for your answer however
in which specifically css file should i try it? There is a folder css with many other css files inside.

aman204

xkaitan in which specifically css file should i try it? There is a folder css with many other css files inside

You can add the CSS suggested in override.css file (don't forget to enable override from Template Options -> Advanced tab)

xkaitan

aman204

Yes the override worked. Thank you both! However, it would be good to know why this happened, or from which file i can change styles for a specific position of the template.

teitbite

xkaitan Hi. It was styled like that to distinct linked in articles since #gkMainbody layer is a component layer and is changing based on a component selection. Try avid changing of template css styles. It's better to use an override.css so all the changes can be kept in one location.

xkaitan

Sorry for the late reply. Thank you again!