1 reply [Last post]
SJTR
SJTR's picture
Offline
newbie
Last seen: 20 weeks 3 days ago
Timezone: GMT+1
Joined: 2014-05-05
Posts: 5
Points: 8

Hi all,

I was wondering if it is necessary to use classes in the Wordpress editor to make your css work.

Because right now I have this for the links:

#header a:link, #header a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
#header a:hover, #header a:active {
	color: #5dc0e3;
	text-decoration: none;
	font-weight: bold;
}
#ColumnMiddle a:link, #ColumnMiddle a:visited, {
    color: #F90;
    text-decoration: none;
}
#ColumnMiddle a:hover, #ColumnMiddle a:active, {
    color: #F90;
    text-decoration: none;
}

But the links in 'ColumnMiddle' don't seem to change color and the underlines stay. The links in 'Header' do listen.

I always get stuck at this bit. The first rules seem to work but the next don't. I'm loading content into a div called 'ColumnMiddle' but the link colors don't change.

I was wondering how to make a second set of link color rules work.

Thanks and regards

helldog2004
helldog2004's picture
Offline
Enthusiast
Netherlands
Last seen: 4 years 45 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2014-03-02
Posts: 205
Points: 239

If you are using Mozilla you

If you are using Mozilla you can copy a certain id or class (which is only working on a certain part).
If you right mouse click inside your website and choose "inspect element", it will open your inspector.
Inside the website it will pick a piece of your website (with a dotted line surrounding it) and a black square pointing at this very same surrounded piece of website.
In this black square you can find a white triangle which you need to click, and click on "copy unique selector".

This very same "unique selector" needs to be pasted inside your CSS.
It might look like this:
#lga > div:nth-child(1)

As you can see it will use child commands to specify THAT certain part of your website.
This way you can pick different paragraphs inside the same page.

Hope this works for you, as using !important commands need to be avoided.
Cheers,
Henk

Check Maximum Webdesign for your online solutions