Forums

Spun
[resolved] How to remove transparency from header/tagline and menu and circles (12 posts)

  1. cliffaygf
    Member
    Posted 4 months ago #

    Hello i just down load your spun theme and I love it!I would like to make a couple changes if possible to be able to play around with it :)

    1. how to remove the transparency from the header
    2. how to remove the transparency from the tagline
    3. how to remove the transparency from the menu
    4. how to remove the transparency from the circles

    is there any code that you can give me to make this changes or perhaphs what code do i need to look in the editor and what code to change.

    Thank you!

  2. Caroline Moore
    Member
    Theme Author

    Posted 4 months ago #

    You can use CSS in a child theme or a CSS plugin (like Jetpack) to do this. I recommend using Firebug for CSS work--makes it much easier.

    Look through style.css for any elements that have the opacity property applied, copy them into your child theme's style.css, and set all values to opacity: 1;

    An example:

    #masthead {
      opacity: 1;
    }
  3. cliffaygf
    Member
    Posted 4 months ago #

    Hello thanks for your response. The opacity where all set to 1; already when I downloaded the theme,I actually play around with the opacity in the header area and change it to 9 from 1; and it almost remove all the transperancy but changing it to 9 from 1 did not work in the menu and all other areas. So what do i did if the opacity is already set at 1; that's the way it as already coded when i downloaded thank you.

  4. Caroline Moore
    Member
    Theme Author

    Posted 4 months ago #

    An opacity of 1 means it's fully opaque, no transparency whatsoever. So if all the values were already set to 1, you shouldn't see any transparency/opacity effects. The value of opacity can only be between 0 and 1 (not higher, like 9).

    It's also possible the colors aren't very dark at full opacity. You can set a new color for the text/links using the color property in various areas (color: #333; for example). We can't really help with basic CSS in this forum, but there are a number of resources linked above.

  5. perkinwarbeck2013
    Member
    Posted 2 months ago #

    Thanks Caroline :)

  6. caramelr
    Member
    Posted 2 months ago #

    I'm trying to find out how to do this too, i've changed it to 1 in the style css but its still transparent. I just want it to be opaque and not transition. Any ideas?

    Many Thanks

  7. Andrew Nevins
    Volunteer Moderator
    Posted 2 months ago #

    @Caramelr, did you create a Child Theme?

  8. caramelr
    Member
    Posted 2 months ago #

    Yes I did. Thanks for your reply, i just managed to sort it- there was a . before the 1 so it read as .1

    I removed the . and now its fully opaque :)

    Thanks

  9. jblanc
    Member
    Posted 1 month ago #

    How do I create a Child Theme so I may edit the opacity as well?

  10. jblanc
    Member
    Posted 1 month ago #

    By the way, I use chrome, not Firefox, so I believe Firebug won't work, correct?

  11. Andrew Nevins
    Volunteer Moderator
    Posted 1 month ago #

    Hi jblanc, may you discuss that on your own thread?

  12. jblanc
    Member
    Posted 1 month ago #

    Sure, I'm new to this.

Reply

You must log in to post.

About this Theme

About this Topic