CSS Selectors to modify for WordPress Themes

  • Unknown's avatar

    I have been looking into customizing the CSS of my website. I feel like I understand the basics of CSS, using the stylesheet to simply modify how the HTML looks in a browser. However, this means that in order to modify the WordPress theme, you would need to view the HTML of the WordPress theme. I understand that this is not possible for security reasons. I understand the need to keep the HTML code secret because of security, but what if you are trying to figure out which selectors can be modified? The html would be the only way to know what all can be modified.

    I have figured out that ‘header’ and ‘blog-description’ are selectors that can be modified. Is there a list somewhere that I can be pointed to that states all of the available selectors?

    Maybe I just don’t understand the concept of WordPress themes and how to modify them. Can anyone help?

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

  • Unknown's avatar

    I have no idea whom to ask — or even what question to ask. Here’s my “problem.” I’d like to incorporate my blog INSIDE (within) my website. Currently, I only have an http: link to my blog. Is there any way of actually making my blog actually PART OF my website, as a separate page?

    If you don’t know, can you direct me to the right person, please?

  • Unknown's avatar

    As you know the HTML is generated “on the fly”. None the less, the page does end up as HTML for your browser.

    What you need to do is install and/or enable tools in your browser that expose the HTML that wordpress is generating.

    On Internet Explorer, you can download a really cool tool called “IE Developer Toolbar.” This is essential for CSS hacking.

  • Unknown's avatar

    And for Firefox, there is the Firebug and Web Developer addons – both essential tools if you are going to mess with HTML or CSS in my opinion.

  • Unknown's avatar

    I’ve modified near 30 elements in my blog @ http://cyclingexperiences.com/ using css, this by viewing my theme’s [Vigilance] master.css. After over 20 mods, my theme’s author introduced me to Firebug. It makes finding the element to be modified a lot simpler. –jim

  • Unknown's avatar

    How can I modified my blog?
    Anybody can teach me?

    Please leave commant:
    noerbibieary.co.cc

  • Unknown's avatar

    @yaeltanaka

    I think, but haven’t tried yet, it should work in a frame.
    Something like the about.com site uses, or google images search results. On top is the header that says they are on your site and below is the blog from wordpress.

    This could also work in modal mode with some javascript code like in Lightbox or similar (Slimbox, etc). There are some that let you open another page in a modal window, just like making some images bigger. I’m sure you have seen this on the net.

  • Unknown's avatar

    It would work in an iframe, but it’s probably better (if you really want it to be a PART of your site) to download the WordPress.org software and upload that to your webspace and just use that. It will be far more integrated, and iframes look so hopelessly cheezy.

  • The topic ‘CSS Selectors to modify for WordPress Themes’ is closed to new replies.