Transparent Pilcrow

  • Author
    Posts
  • #1106746

    aronmanul
    Member

    Hi!

    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 aronmanul.wordpress.com.

    #1106827

    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.

    #1106858

    aronmanul
    Member

    BRILLIANT! Thanks so much!

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