Jump to content
Sign in to follow this  
kmirossayova

Link color change for sub-pages

Recommended Posts

kmirossayova

I would like to have the main page link colours to be different from the sub-pages on the menus. I have accomplished this in a awkward way by adding the font colour to the titles in the pages, but the font coding appears on the sitemap. Is there a permanent way to make the link colour for subpages different from the main pages? This is how I would like the colours to appear. http://klaudiasmusicstudio.com/teachers/ Here is the problem that occurs in the sitemap. http://klaudiasmusicstudio.com/sitemap/ Thanks, H

Share this post


Link to post
Share on other sites
kastelic

If you take out those font tags we'll be able to give you a css rule that will pinpoint the links you want. Right now though, the font tags override which makes it difficult.

Share this post


Link to post
Share on other sites
kmirossayova

Thanks for the reply. I have removed the <font color="#033b42"> tag from the headings. Would you please advise how I would make the link colours permanently different for the Teacher & Lesson Categories? Thanks,

Share this post


Link to post
Share on other sites
bryan-hadaway

`.menu-item-88 a, .menu-item-88 ul li a{color:#033b42}` Drop that in Custom Code > Custom CSS. Thanks, Bryan

Share this post


Link to post
Share on other sites
cmunns

`#primary-nav li.menu-item-88 a {}` The selector above is what you need.

Share this post


Link to post
Share on other sites
kmirossayova

I am looking to change the colours on links on the sidebars on the pages. I don't need the main menu colours on header to change. I would prefer they all worked the same way. Thanks.

Share this post


Link to post
Share on other sites
bryan-hadaway

Hi Klaudia; You want to use this method: http://www.pagelines.com/docs/changing-colors-fonts To select exactly what you want to style on your pages. Then apply the CSS styles you want to Custom CSS. Sometimes you'll have to be more specific to override current CSS; for example by using `body`: `body selector{property:value}` Thanks, Bryan

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×