Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 19, 2017 at 11:46 am #779908
    whdsolutions

    I would like to overlap page content items over the layerslider?

    I wish to achieve the following (see Private Content)

    Plus I only want the coloured blocks be overlapping the layerslider and touching each other on the home page on this section

    April 19, 2017 at 8:50 pm #780134
    whdsolutions

    Any news on this?

    April 20, 2017 at 12:54 pm #780504
    Victoria

    Hi whdsolutions,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

#after_layer_slider_1 .template-page.content.av-content-full.alpha.units {
	margin-top: -140px;
    z-index: 499;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    April 20, 2017 at 6:25 pm #780699
    whdsolutions

    And how to make them touch each other like shown in the private content?

    ONLY on the HOME PAGE though these 6 blocks

    • This reply was modified 7 years, 8 months ago by whdsolutions.
    April 24, 2017 at 9:11 pm #782533
    whdsolutions

    ANY NEWS???

    April 25, 2017 at 1:50 pm #782872
    Yigit

    Hi,

    Sorry for the late reply!
    I changed the code Victoria provided to following one

    .home #after_layer_slider_1 {
    z-index: 30;
}

    and then edited the first column element and chose to display no space between columns and added custom top margin value – http://i.imgur.com/HrIWTHf.png

    Please review your website now :)

    Best regards,
    Yigit

    May 9, 2017 at 12:34 pm #790204
    whdsolutions

    After doing these changes you can see on mobile there has been major issues – what is happening here and how do I fix this issue?

    May 9, 2017 at 1:38 pm #790245
    Yigit

    Hi,

    I edited your homepage again and added -140px top margin value and then added following code to Quick CSS so it will be applied only on screens bigger than 769 pixels

    @media only screen and (max-width: 769px) {
#top .flex_column_table { 
margin-top: 0 !important; 
}}

    Please review your website

    Best regards,
    Yigit

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