Stylesheet.css seem disfunctional

  • We build a website (www.hansenshifra.nl) a couple of months back. We used the ‘balloons’ theme, and edited away to make the site to our liking.

    Yesterday, we thought it to be nice to make a few edits. (background color for instance). But it seems to us that edits we make in the Stylesheet.css are not reflecting on the website. For instance, if I change

    body {
	background: #CCFFCC;

    to

    body {
	background: #FFFFFF;

    NOTHING happens, though in my knowledge the website would have to turn up white.

    Our second step was to edit the background color using the tab “Background” under “Appearance”. But when we change the color to, for instance, #123456; and we look up #123456 in the Stylesheet: no results.

    Why is the background color not present in the Stylesheet.css? Why are other changes not visible when edited in the stylesheet?

    Stylesheet.css:

    [ 1,094 lines of code moderated, that’s just way too much. For that many lines of code please use pastebin.com instead. Or just post a link to your site instead. ]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Okay, let’s leave the stylesheet alone.
    It’s best not to touch the theme’s files in case the theme dies or you lose your changes when the theme updates.

    Use a Custom CSS Manager plugin to hold your CSS modifications.

    Let us know if the problem persists.

    Thread Starter Jummul

    (@jummul)

    Thanks for the advice, but that’s not the problem.

    Let’s say that for whatever reason I have, I want to stick with editing the style.css. (crappy knowledge of CSS, for instance).

    Editing the background color doesn’t work, and that’s a problem (especially considering it did work two months ago). I want to know the origin of the problem and fix it.

    If I’d want to tweak the look of my website, normally I’d
    1. Head to Appearance -> Editor
    2. Open up style.css (Stylesheet under Styles)
    3. scroll down to

    }
body {
	background: #000000;

    4.Edit the color
    5. Save and open the website, and see the difference.

    Why doesn’t this work anymore?

    Where did you download this theme from?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Using the suggested Custom CSS Manager plugin is also a technique of narrowing down the issue; to see whether the issue resides in CSS specificity.

    Why doesn’t this work anymore?

    Please note there could be more than one reason for this.

    Thread Starter Jummul

    (@jummul)

    Where did you download this theme from?

    https://wpcom-themes.svn.automattic.com using Versions for Mac

    It worked until now.

    Shouldn’t the stylesheet.css be responsible for all the changes in looks? Replacing the theme’s stylesheet.css with a mint (!) stylesheet.css (from two months ago, the original) changes nothing.

    (I clear my cache)

    There’s no theme called “Balloons” in https://www.ads-software.com/extend/themes/

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Stylesheet.css seem disfunctional’ is closed to new replies.