Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 11, 2015 at 12:47 am #485643
    luckylobo10

    Hello!

    I only want the top bar transparent. Is that possible?

    Thank you!

    August 11, 2015 at 1:45 pm #485930
    Yigit

    Hi luckylobo10!

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

    .av_header_transparency #header_main_alternate {
    background-color: #e33380!important;
}

    Best regards,
    Yigit

    August 11, 2015 at 2:18 pm #485944
    luckylobo10

    Thank you for your answer, but that is not a good solution since the content is pushed up behind the header. And the top bar is still not transparent.
    Do you have an other solution for this? I only want a littlebit of the background image to be displayed on top of the site.

    What about removing the top bar and add a 30px (Transparent) space on top of the site?

    August 11, 2015 at 2:41 pm #485957
    Yigit

    Hi!

    Can you please post a screenshot and show the changes you would like to make?
    From what i understand, it sounds like you can add image to the top of your content and achieve the look you wanted.

    Cheers!
    Yigit

    August 11, 2015 at 2:49 pm #485963
    luckylobo10

    I want the site to look like it does now only with a 100% transparent top bar so the background image is visible on top of the site. I dont want a transparent header.

    And with top bar, I mean the top bar where you can add telephone number and such.

    • This reply was modified 9 years, 4 months ago by luckylobo10.
    August 12, 2015 at 12:43 pm #486466
    Andy

    Hey!

    you could try this code:

    div#header_meta {
background-color: transparent;
}

    but it would not help to make your background image visible. I think you need to do a different approach for what you want to achieve, without this top bar.
    You could try to achieve this using a header widget.

    Regards,
    Andy

    August 13, 2015 at 10:57 am #487065
    luckylobo10

    Thank you for answering. Let us forget that top-bar for now :) Can you instead please tell me how I get a little gap on top of the page so the background image is slightly visible?

    August 13, 2015 at 11:02 am #487068
    Andy

    Hi!

    try this code: 

    body#top {
margin-top: 25px !important;
}

    Cheers!
    Andy

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