A Simpler Time CSS – can't find it, want to make a change

  • Unknown's avatar
    hillymeg · Member ·

    Hi! I am using “A Simpler Time” theme with the css upgrade for hilaryfields.com and I wanted to change the main text box from the irregular rectangle thing to a piece of notebook paper or the rough edges of a book. When I go into the css tab of the customization area, all I see is the welcome message but no actual css. I can’t “override” what’s there unless I see what’s there. So, twofold question:
    1) can I find the theme’s css by going to “page source” on the live site? I tried but I wasn’t sure what I was seeing was the whole code.
    2) is that part of the code even override-able or is that too fundamental to the theme?
    I’m not good at css but I do have a friend who might be able to do it for me. It’s just that I can’t even see that aspect of the design when I look at what I think is the source code. Thank you.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    justpi · Member ·

    1) No: the page source displays the HTML, not the CSS (with some exceptions). To see the relevant CSS of the theme, you inspect it via a developer extension such as Firebug in Firefox or Web Inspector in Safari.

    2) When you have the upgrade you can change any aspect of the appearance of any element. That rectangle is just three bg images:
    http://s0.wp.com/wp-content/themes/premium/a-simpler-time/images/hentry-header.png
    http://s0.wp.com/wp-content/themes/premium/a-simpler-time/images/hentry-footer.png
    http://s0.wp.com/wp-content/themes/premium/a-simpler-time/images/hentry-border.png
    You can replace them with your own.

  • Unknown's avatar
    hillymeg · Member ·

    Thank you, justpi. That’s very nice of you to answer. I tried firebug but had trouble with finding the right part. I’ll look again now that I have your info to work from. :-)

  • Unknown's avatar
    justpi · Member ·

    You’re welcome.
    To start, copy the above images to your computer then use an image editing application to turn them into what you prefer – or create your own images, using the same pixel width as the above (except if you’re planning to change the width of the main column).
    Then you’ll upload each one to your blog via Media > Add New, click Edit, and copy its URL from the File URL field of the Save module.
    If you have trouble figuring out the right CSS after you get the image URLs, we can help you here.

  • The topic ‘A Simpler Time CSS – can't find it, want to make a change’ is closed to new replies.