Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 15, 2015 at 10:06 pm #429252
    anhanhoi

    Hello guys!

    I am trying to recreate Site A with Enfold theme. So far this is what I have achieved: Site B.

    One important thing is: the background image needs to be displayed as much as possible (as much as in A, if possible). I see that the solution would be to make all the blank spaces transparent. Therefor, is it possible to:
    1) minimize the borders of the content areas?
    2) make secondary menu transparent?
    3) make header area transparent (I tried this: #header{opacity: 0.6;} but if also affected the menu and logo)
    4) make margins transparent
    5) make footer area transparent. I tried this with no success.

    Sorry in advance for the amount of questions :(
    Best wishes
    Anh

    April 16, 2015 at 8:14 pm #429865
    Elliott

    Hi anhanhoi!

    Add this to your custom CSS.

    #header_meta, .header_bg { background: transparent !important; }

    And you can change the widths and margins of the columns around line 220 in /enfold/css/grid.css. If you reduce the margins then you’ll want to increase the widths a bit to compensate.

    Best regards,
    Elliott

    • This reply was modified 10 years, 6 months ago by Elliott.
    April 17, 2015 at 11:59 am #430255
    anhanhoi

    Thank you so much!

    I am testing the values. What do I add to custom CSS to make footer transparent like the header? Tried #footer_meta, .footer_bg { background: transparent !important; } with no luck :D

    April 17, 2015 at 4:46 pm #430399
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    #footer,#main, .avia-msie-8 .av_header_sticky_disabled#header { background: transparent !important; }

    Best regards,
    Yigit

    April 19, 2015 at 12:24 pm #430879
    anhanhoi

    Thank you!
    Can you help me with this:
    http://watphagbg.se/

    The pages are a bit cramped, is it possible to either move the logo a bit to the left, or the pages a bit to the right?

    Regards
    Anh

    April 19, 2015 at 10:00 pm #430975
    Yigit

    Hey!

    Please add following code to Quick CSS 

    #header_main .container {
  padding-left: 0;
}

    Best regards,
    Yigit

    April 24, 2015 at 10:39 am #434020
    anhanhoi

    Thank you :)

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Background transparency’ is closed to new replies.