Custom CSS changes apply first and then they don't apply anymore?

  • Resolved michaeltaube

    (@michaeltaube)


    8 years, 9 months ago

    Hello there,

    I adjusted the logo of my site with the following CSS in my child themes style.css At first everything worked fine but then it seems like the original settings overwrite the changes I made. The same happend with my attempt to remove the boarder of my main-navigation. Does anyone has a clue what the cause of these issues can be?

    Here is the link to my site and a CSS snippet
    michaeltaube.net

    /*positioning header logo image*/

#header-logo-image {
	padding: 16px 5px 0px 0px;
}

Viewing 9 replies - 1 through 9 (of 9 total)

  • Have you re-checked your CSS using Firefox with the Firebug add-on? Or whatever developer tool is available in your web browser?

    WordPress can’t re-write or delete CSS, so I would suggest that the issue may lie in the specificity of the CSS you have added.

    Thread Starter michaeltaube

    (@michaeltaube)

    I re-checked using firebug right now. It seems that my styles don’t apply. I also tried to make the selector even more specific.

    #header-logo-image img

    What I don’t understand is that the changes first apply and now they don’t even if I didn’t change the selector.

    Try just using #header-logo-image

    Thread Starter michaeltaube

    (@michaeltaube)

    I tried it again with
    #header-logo-image'
    and its not working. Any idea?

    Here is the css code from firebug

    [Excessive CSS moderated]

    Are you sure you are adding this CSS to the right file. Looking at your site, there does appear to be something wrong with your child theme. For starters, your child’s style,css file appears to be loading twice.

    Thread Starter michaeltaube

    (@michaeltaube)

    okay, I had a look at one of my posts and found out that changes I made to lists (ol and ul with classes) also didn’t apply anymore. All that happend after I added to my CSS some styles for my right sidebar. I removed them and now it is working again.

    /*Farbgebung*/
#secondary {
	background-color: #F9F2E7;
}

#secondary .widget {
	background-color: #F9F2E7;
}

.widget-title {
	background-color: #white;
}

.widget-title span {
	background-color: #white;
	color: #8FBE00;
	text-align: center;

    But I don’t understand why this styles effect other styles as well. Maybe because I missed a “}”?

    Thread Starter michaeltaube

    (@michaeltaube)

    okay, it was that missing “{“. :O Is there any good plugin for the wordpress editor that shows syntax errors?

    Not that I’m aware of but W3C offer an online CSS validation service that pretty much establishes the gold standard in CSS checking: https://jigsaw.w3.org/css-validator/

    Thread Starter michaeltaube

    (@michaeltaube)

    okay, thank you.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Custom CSS changes apply first and then they don't apply anymore?’ is closed to new replies.