Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Create Inner Content Area Semi Transparent

  • This topic is empty.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 14, 2013 at 1:18 pm #146838
    sargcity6
    Participant

    Does anyone know how I can make the inner content area of my woo theme semi transparent so I can place a background image behind it. New to a computer as of a week ago…need detailed instructions. Willing to pay if someone offers service on Fiverr. Slowly learning. Using a woo theme because i need free woo commerce. I know, I’m a basket case!

    August 15, 2013 at 3:12 am #146878
    Paulie_D
    Member

    If you have access to the CSS then you can set a transparent bg colour on the inner content area using RGBA values.

    Like this: http://codepen.io/Paulie-D/pen/AkdfE

    August 15, 2013 at 9:26 am #146916
    sargcity6
    Participant

    Where do i put the html code? Can I put the css code into the custom css file? or the style file?

    August 15, 2013 at 10:20 am #146937
    sargcity6
    Participant

    I put the CSS into my custom area. I get all the coding to work except the transparency? Is there something I can tweak?

    August 15, 2013 at 10:31 am #146944
    Paulie_D
    Member

    I don’t know anything about woo themes…you would have to identify the appropriate element to apply the bg color to; the HTML i gave you was just an example.

    If you can style their elements using custom.css ( and I have no idea if that’s the right file) then that’s where you would put it.

    Do you have a link we could look at?

    August 15, 2013 at 10:42 am #146945
    sargcity6
    Participant

    http://highandheavyoutfitters.com/

    Please do. I just want all that white part in the middle to be semi transparent so you can see the wood behind it.

    August 15, 2013 at 10:48 am #146948
    Paulie_D
    Member

    Looks like you can just apply that bg color to <body>…that will get you most of the way.

    August 15, 2013 at 1:05 pm #146963
    sargcity6
    Participant

    any idea how to get to the body?

    August 15, 2013 at 1:10 pm #146964
    Paulie_D
    Member

    Not specifically…you’ll just have to find the body declaration in whichever stylesheet you are using and add the background property in there.

    If you can’t find it…just declare it on whatever stylesheet you can find.

    If the stylesheet is coming from ‘Woo’ you may just be out of luck.

    August 15, 2013 at 2:55 pm #146982
    sargcity6
    Participant

    I figured it out! It only took me two weeks!

    I have another question? If you take a look at my link again, is there a way to put a logo in there that will sit on top of all the current fields instead of push the slider down to make room for it…kind of like overlaying?

    Right now I just have the website text name there, but want to replace that with an image. Its just when I do, it pushed it all down.

    Thanks a million for the help so far!

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The forum ‘CSS’ is closed to new topics and replies.