Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 10, 2015 at 4:37 pm #408922
    mar10nlund

    Hi guys

    In the Enfold Theme Options I’m setting my main content background color to white 50% transparent, and it looks fine in Enfold Theme Options, but when I publish the background is full white with no transparency.

    Strange :-)

    March 10, 2015 at 9:07 pm #409088
    Elliott

    Hey mar10nlund!

    Hmm, can you send us a link to your page? You can set your reply as private if you wish.

    Cheers!
    Elliott

    March 11, 2015 at 1:00 pm #409791
    mar10nlund

    Here u go :-)

    http://www.gertdyekjaer.dk/

    March 11, 2015 at 5:13 pm #409967
    mar10nlund

    Any news? :-)

    March 12, 2015 at 2:46 pm #410473
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .main_color, .main_color .site-background, .main_color .first-quote, .main_color .related_image_wrap, .main_color .gravatar img .main_color .hr_content, .main_color .news-thumb, .main_color .post-format-icon, .main_color .ajax_controlls a, .main_color .tweet-text.avatar_no, .main_color .toggler, .main_color .toggler.activeTitle:hover, .main_color #js_sort_items, .main_color.inner-entry, .main_color .grid-entry-title, .main_color .related-format-icon, .grid-entry .main_color .avia-arrow, .main_color .avia-gallery-big, .main_color .avia-gallery-big, .main_color .avia-gallery img, .main_color .grid-content, .main_color .av-share-box ul, #top .main_color .av-related-style-full .related-format-icon, .main_color .related_posts.av-related-style-full a:hover, .main_color.avia-fullwidth-portfolio .pagination .current, .main_color.avia-fullwidth-portfolio .pagination a {
  background-color: transparent; 
}
#main, .avia-msie-8 .av_header_sticky_disabled#header {
  background-color: rgba(255,255,255,0.5);
}

    Regards,
    Yigit

    March 12, 2015 at 3:54 pm #410507
    mar10nlund

    Coool it worked.
    I also need to:
    1) Make the social icon ‘bar’ and the header transparent in two different colors
    2) Make header stand out in ‘fake 3d’Style by styling the vertical lines above and below it [read: (a) between social and header and (b) between header and main content]

    Thansk :-)

    March 14, 2015 at 3:50 am #411370
    Ismael

    Hey!

    Change the social bar area with this:

    #header_meta {
  background: red;
}

    And the header with this:

    .header_color .header_bg {
  background-color: blue;
}

    Can you please provide a screenshot of the “fake 3dstyle” design that you want?

    Regards,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.