Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 5, 2016 at 2:21 pm #608306
    condonpb

    Can you tell me what element(s) to use to get my site background colour to use a light grey colour with some opacity in it for example background-colour: rgba (222, 222. 222 .95) please.

    Many Thanks

    Pete

    • This topic was modified 8 years, 8 months ago by condonpb.
    April 5, 2016 at 4:23 pm #608357
    Yigit

    Hi Pete!

    Can you please post the link to your website and point out the element you would like to edit?

    Best regards,
    Yigit

    April 5, 2016 at 6:26 pm #608424
    condonpb

    yes I am trying to achieve the same colour background grey as this site at http://www.mae.co.uk/ this I believe uses opacity. I want to encorproate this grey at my development site at http://www.peter-test3.co.uk/.

    Can you please help.

    April 5, 2016 at 6:37 pm #608430
    Yigit

    Hi!

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

    html.html_av-framed-box .av-frame {
    background: #dedede;
}

    Cheers!
    Yigit

    April 5, 2016 at 7:53 pm #608500
    condonpb

    Yigit, the site at http://www.mae.co.uk/ uses the background grey with opacity for the colour ie #dedede with an opacity of factor which makes the grey slightly lighter it use background ie background: rgba(222, 222, 222, 0.95) none repeat scroll 0 0; I have tried in vain to get this effect and cant we need a grey colour element with opacity applied to the specific color.

    Hope this makes sense.

    Peter

    April 7, 2016 at 9:34 am #609448
    Ismael

    Hey!

    Sorry for the delay. Are you trying to modify or change the header? We can see that the “mae” site is using a slightly transparent fixed header. You can replicate that by enabling the Sticky Header option in the Header > Header Behaviour panel. Add this in the Quick CSS field to set the header background:

    .header_color .header_bg {
    background-color: rgba(222,222,222,0.5);
}

    A screenshot of the changes that you’re trying to implement will help. Use imgur or dropbox.

    Best regards,
    Ismael

    April 7, 2016 at 12:18 pm #609533
    condonpb

    Ismael
    I dont only want to use this for the header but also the rest of the body as well. please see http://www.peter-test3.co.uk. and mae site

    I have tried entering this in the css and altered the header behaviour but only see colour #dedede I am trying to get a slightly transparent effect like the mae site using colour with opacity.

    If I add the opacity and rgba as below still no opacity shows !! Can you please help

    .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, .main_color .av-hotspot-fallback-tooltip-inner, .main_color .av-hotspot-fallback-tooltip-count {
    background-color: rgba(222, 222, 222, 0.2);
    color: #666666;
    }

    • This reply was modified 8 years, 8 months ago by condonpb.
    April 10, 2016 at 2:30 pm #610789
    Ismael

    Hi!

    I’m sorry but what’s the point of a transparent or translucent body background if there’s nothing behind it? The transparent header works well for the “mae’ site because it is fixed and you can see through the header while scrolling. The body has a solid background though. It is set to #dedede.

    Could you please provide a screenshot of the layout that you have in mind?

    Best regards,
    Ismael

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