Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 19, 2014 at 2:03 pm #321888
    charlie1

    We are using the “Transparent Header” in Enfold as you can see here (http://23.235.201.84/transparent-header/). We would like to know if the logo can somehow be repositioned so that it appears in the empty space to the right as pictured here (http://prntscr.com/4o8v5y).
    I did accomplish this by creating a new logo and adding a very large amount of blank space in the logo on the left side. However, when viewing the logo on an iPhone, the logo was no longer very nicely centered.
    Thanks in advance for your help.
    Dan

    September 19, 2014 at 5:29 pm #322008
    Yigit

    Hi charlie1!

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

    @media only screen and (min-width: 1140px) {
strong.logo {
left: 20%;
}}

    Regards,
    Yigit

    September 19, 2014 at 6:08 pm #322031
    charlie1

    Hello Yigit:
    Please excuse the following dumb questions:
    1. Where can I add the giant image of the woman that you see on (http://23.235.201.84/transparent-header/) so that it is the background image for all pages?
    2. How do I make all of the white content items that sit on top of the background image appear slight opage (see through) instead of solid white?
    Thank you,
    Dan

    September 19, 2014 at 6:45 pm #322059
    Yigit

    Hey!

    I replied you here – https://kriesi.at/support/topic/slightly-opaque-body-area-instead-of-white-body-area/#post-322010

    Best regards,
    Yigit

    September 19, 2014 at 7:40 pm #322086
    charlie1

    Dear Yigit:
    I have changed over to use the “boxed layout” as you directed me. However, you did not provide the CSS to make the center content appear slightly opaque. Here is a screenshot of what I am seeing: http://prntscr.com/4obsy4
    This is the actual page: http://23.235.201.84/homepage/home-v4-small-slider/
    If you have sent the CSS, can you resend this to me?
    The last CSS you had sent me was for another issue and not this issue.
    Thank you,
    Dan

    September 20, 2014 at 9:33 am #322254
    Ismael

    Hi!

    If you wan transparent content background for box layout, you can try this:

    .alternate_color, .alternate_color .site-background, .alternate_color .first-quote, .alternate_color .related_image_wrap, .alternate_color .gravatar img .alternate_color .hr_content, .alternate_color .news-thumb, .alternate_color .post-format-icon, .alternate_color .ajax_controlls a, .alternate_color .tweet-text.avatar_no, .alternate_color .toggler, .alternate_color .toggler.activeTitle:hover, .alternate_color #js_sort_items, .alternate_color.inner-entry, .alternate_color .grid-entry-title, .alternate_color .related-format-icon, .grid-entry .alternate_color .avia-arrow, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery img, .alternate_color .grid-content, .alternate_color .av-share-box ul, #top .alternate_color .av-related-style-full .related-format-icon, .alternate_color .related_posts.av-related-style-full a:hover, .alternate_color.avia-fullwidth-portfolio .pagination .current, .alternate_color.avia-fullwidth-portfolio .pagination a, .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: rgba(255,255,255,.5) !important;
}

#main, .html_stretched #wrap_all {
background-color: transparent !important;
}

    Regards,
    Ismael

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