css doesn't match site?

  • Resolved rseaver06

    (@rseaver06)


    11 years, 6 months ago

    So I edited a style in my CSS to try to get my widget titles centered. It did center the titles but removed all the other styling. When I tried to change it back by removing the text-align tag, nothing happened. It stayed centered and didn’t included the styling I set up in the framework’s settings.

    When I look at the style.css in the editor there is no “text-align” function. But when I inspect the element in chrome, it’s there. What’s going on???

Viewing 6 replies - 1 through 6 (of 6 total)
  • WPyogi

    (@wpyogi)

    11 years, 6 months ago

    What does the inspect tool say about where that code is coming from? CSS can be inline or internal or in another stylesheet.

    Thread Starter rseaver06

    (@rseaver06)

    11 years, 6 months ago

    sorry, should have posted the link: http://www.sweet-foundations.com/

    The inspect tool says it’s coming from 

    widget h3 { margin: 0 0 0.3em 0; padding: 0 0 15px; font: normal bold 14px Helvetica, Arial, sans-serif; color: #555; border-bottom: 1px solid #E6E6E6; text-align: center;
}

    But my style.css says

    .widget h3  { margin: 0 0 0.3em 0; padding:0 0 15px; font:normal bold 14px Helvetica, Arial, sans-serif; color:#555; border-bottom: 1px solid #e6e6e6;
}

    Max

    (@clementsm)

    11 years, 6 months ago

    Are you using a caching plugin such as W3 Total Cache? If so that is probably your problem.

    Your site is in maintenance mode right now, so I cannot check your css.

    Thread Starter rseaver06

    (@rseaver06)

    11 years, 6 months ago

    Fail #2. Maintenance mode has been deactivated.

    I’m using WP super cache but it’s not active yet til I finish the site.

    Max

    (@clementsm)

    11 years, 6 months ago

    This is what your CSS is right now:

    .widget h3 {
margin: 0 0 0.3em 0;
padding: 0 0 15px;
font: normal bold 14px Helvetica, Arial, sans-serif;
color: #555;
border-bottom: 1px solid #E6E6E6;
text-align: center;
}

    and if I look in custom.css on line 16 on your site, I see exactly the same?

    .widget h3  {
margin: 0 0 0.3em 0;
padding:0 0 15px;
font:normal bold 14px Helvetica, Arial, sans-serif;
color:#555;
border-bottom: 1px solid #e6e6e6;
text-align:center;
}

    Now you mention the framework not outputting the CSS you have setup – you are using a WooTheme’s theme – that is a commercial theme, so if you are having issues with the frameworks settings not working as planned, you need to contact WooThemes for support. WooThemes offer excellent support for anyone who has purchased a theme from them, so you will get helped right away there.

    Thread Starter rseaver06

    (@rseaver06)

    11 years, 6 months ago

    I’ve had good luck with WooThemes support in the past but have had lots of difficulty this time.

    Turns out I’m a bonehead and didn’t save the changes to custom.css when I was done removing the code I added. I’m sorry for wasting your time guys!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘css doesn't match site?’ is closed to new replies.