CSS to make my blog match my website

  • Author
  • #809376

    I want to change my blog’s CSS to match the formating of my webpage. What is the best way to go about this? Should I use a theme and edit it or just start from scratch? Can I copy/paste the CSS from my webpage for a perfect match?

    The blog I need help with is qmotionshades.wordpress.com.



    Can I copy/paste the CSS from my webpage for a perfect match?

    NO – Don’t even think about that – CSS is specific to individual Themes.

    I don’t do CSS but most people seem to start with a Theme that is close to their site, or you can work with Sandbox and one or two others that are minimalist and designed to be highly modified.


    Okay thanks for the warning. I will switch to sandbox and see if I can make it work.


    Sandbox and Toolbox are good blank slates if you want to build a design from scratch using CSS. :)

    If you use an existing theme and modify it, then the best route is to just paste in CSS for things you want to change, do not past in the entire original stylesheet.


    Gotcha. So for example, if I decide to stay with pilcrow theme and i want to just change the header, the nav, and make a custom image, how do I denote these specific areas in the css to paste changes. Or how do I find these area in the css of my website. I have dream weaver also.


    One of the best tools, if you are using Firefox is the Firebug add-on. It allows you to quickly find which selectors are controlling the various elements of a web page and you can even try changes in realtime. Safari, Chrome and IE also have similar features built into them.

    If you let us know exactly what you want to do where, we can help you out too.

    The header can be changed by creating one and then uploading it at appearance > headers in the dashboard without having to mess with the CSS (as long as you do not want to change the size from the original).

The topic ‘CSS to make my blog match my website’ is closed to new replies.