getting my styles to take effect?

  • taking a class on building custom wordpress theme. have static site built, and I am pretty sure I put my css…or added it to…the required-by-WP css, and something changed, but the blog page doesn’t look like my design.

    Any clues how to un-snarl this would be a huge help.

    Thanks in advance!

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

  • Can you post a link to your website? If not, how are you adding the CSS to your theme?

    Thread Starter wplearner

    (@wplearner)

    thank you..the link is: https://www.coffeeonmars.com/W170/client/?page_id=44

    I am adding my css by copying from my static site’s .css file and pasting into “styles.css” in the Edit Themes section within my admin login. Then, I click “update file” and look at the site.

    now, I have not added my blog markup yet and obviously this is key but it’s also where my knowlege gets to the “Bridge out” sign, so to speak.

    Thank you!

    Your site is trying to load a file called styles.css (note the plural) that doesn’t exist, but your site appears to be picking up style.css (note the singular) correctly. Can you be more specific about what exactly isn’t working?

    Thread Starter wplearner

    (@wplearner)

    OK..I corrected the style.css versus styles.css issue..thank you for that..

    but not much changed visibly..

    Things don’t work in the sense that they don’t even resemble what the site should look like at this link here:

    https://www.coffeeonmars.com/W170/static-final/

    How are you loading your stylesheet? Your site is looking for a stylesheet at https://www.coffeeonmars.com/W170/client/css/style.css that doesn’t exist. Your site is also loading a stylesheet at https://www.coffeeonmars.com/W170/client/wp-content/themes/threehappiness/style.css, which does exist.

    Thread Starter wplearner

    (@wplearner)

    I opened up the threehappiness style.css, select all, copy, go to my editor in my WP dash board, and pasted after the WP-required CSS.

    is this incorrect? I see the css in there..

    thank you!

    PS: but I do see what you mean: when I view page source and click on the style.css link, the css I pasted into the dashboard>Editor are not there.

    wowza!

    As near as I can tell, your CSS is loading correctly. One thing I did notice is that on the static site, your menu is contained in <nav id="main-menu"> and in the WordPress site, your menu is contained in <div class="menu">. When I changed your WordPress site to <div id="main-menu">, your menu looked the same on both sites. It may help to use a tool like Diffchecker or your editor’s built-in comparison tools to check the HTML between your two sites.

    Thread Starter wplearner

    (@wplearner)

    ok..thank you for that stephencottontail…I am so new to this, I have no clue why the two would differ…for the nav that can be seen in the WP site, the hover behavior is at least partially correct..

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘getting my styles to take effect?’ is closed to new replies.