Transparent Pilcrow

  • Author
  • #1106746



    I’m building a simple blog (I have only a simple test version up) and I have a single change I want to make which (I believe) requires CSS customization.

    I intend to buy the custom design feature, but I don’t really have the time to learn CSS, so if someone who has the skills could give me the code, I would be super duper grateful.

    What I want is for all elements except the header and the hover effect on the menu to be transparent, and all text color to remain in the default setting. Ie, no solid background colors whatsoever, only my chosen background image.

    The blog I need help with is


    In the Pilcrow theme, the white color behind content is set using the “#wrapper” selector. You can remove that using this CSS:

    #wrapper {
    	background: inherit;

    To add white background back to the header area, you could add something like this:

    #header {
    	background: #fff;
    	padding: 4.7%;
    	margin-left: -4.7%;

    You can adjust the numbers as necessary or change out the “#header” selector to “#nav” or something else if you’d like. You should experiment with the examples above until it looks how you want.



    BRILLIANT! Thanks so much!

The topic ‘Transparent Pilcrow’ is closed to new replies.