Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 13, 2014 at 5:10 pm #335036
    mixedmedia99

    Hi

    Is this possible.
    http://www.plankie.com/wp-content/uploads/2014/10/Atlantic.jpg

    I need to make the header totally transparent, at the moment it is semi clear.

    The navigation blocks white at all times.

    Slider background semi transparent.

    Content background white.

    Thanks

    Thanks

    October 14, 2014 at 7:57 am #335407
    Ismael

    Hi mixedmedia99!

    Thank you for using Enfold.

    Edit the page then look for Layout > Header visibility and transparency, select transparent header. Change the main menu color on Enfold > Advanced Styling. Edit the Main Menu Links. Change the color backgrounds on General Styling or use the Color Section.

    Regards,
    Ismael

    October 14, 2014 at 11:12 am #335509
    mixedmedia99

    Thank Ismael

    Once I have changed to transparent header it seems the even the nav blocks are transparent. Can I have the header transparent but the blocks behind the nav links white?
    I would also like to have logo left and menu below but centre?

    Thanks

    October 14, 2014 at 2:57 pm #335588
    Yigit

    Hey!

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

    div#header_main_alternate {
background-color: white!important;
}

    Cheers!
    Yigit

    October 14, 2014 at 3:46 pm #335614
    mixedmedia99

    Works great thank you.

    1. Is there a way of centering the links? (logo left, links below centred)

    2. Is there also a way of making the header totally transparent? at the moment it is semi-transparent.

    Thanks

    October 15, 2014 at 3:52 am #335891
    Ismael

    Hey!

    1.) If you select Transparent Header, it should be fully transparent unless you select Glassy Header. Please give us a link to the actual website.

    2.) Use this on Quick CSS or custom.css:

    .html_header_top.html_bottom_nav_header .main_menu>div {
width: 100%;
}

.html_header_top.html_bottom_nav_header .main_menu ul:first-child {
width: auto;
display: inline-block;
}

    Best regards,
    Ismael

    October 15, 2014 at 8:57 am #336002
    mixedmedia99

    Thanks Ismael

    http://www.plankie.com

    The header is on transparent.
    I have the following coding in quick CSS, could it be clashing?

    .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, .html_stretched #wrap_all {
    background-color: rgba(255,255,255,.3); }

    October 20, 2014 at 2:56 pm #338347
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .avia-menu.av-main-nav-wrap {
text-align: center;
}

    Best regards,
    Yigit

    October 21, 2014 at 8:51 am #338885
    mixedmedia99

    Great! thanks

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Header clear, Slider semi transparent, content background white’ is closed to new replies.