Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 15, 2018 at 6:27 pm #927560
    lena1234

    Hi,
    Is it possible to have a fixed picture so if I scroll down, the picture will stay at it’s place and the text scrolls up and down?

    Here is an example of what I mean (on the bottom of the site): https://www.golfclub-siegen-olpe.de/

    Best regards
    Lena

    March 15, 2018 at 8:14 pm #927640
    Vinay

    Hey lena1234,

    I check the example link but I couldn’t notice any fixed elements other than the social icons and the logo.

    Please specify what exactly you like to do?

    Best regards,
    Vinay

    March 16, 2018 at 7:01 pm #928230
    lena1234

    hi, maybe it wasn’t the right description of what I meant. I would like to have a picture with the same behavior like the two last pictures on the bottom of the example page.

    best regards,
    Lena

    March 16, 2018 at 7:02 pm #928231
    lena1234

    it seems that the pictures are fixed and the page content is moving around.

    March 18, 2018 at 6:13 am #928608
    Rikard

    Hi,

    Thanks for the clarification. You should be able to get that behaviour if you set a background image to a Color Section element and select for the image to be Fixed.

    Best regards,
    Rikard

    March 19, 2018 at 12:35 pm #929026
    lena1234

    Hi thank you, that worked great!

    I just have abother question. I would like to have soemthing like a news slider on my Homepage. On the example link, they have it too. Thats under the Headline “Aktuelles”. I tried the masonry gallery and the post slider for this, but it was not exactly what I was looking for.

    Best regards,
    Lena

    March 19, 2018 at 3:15 pm #929092
    Vinay

    Hi,

    That is a post slider with custom code.

    Please use a post slider and change the date format in your WordPress settings and add the below CSS to Enfold > General Styling > Quick CSS.

    
/*----------------------------------------
// CSS - Post slider border, shadow and background
//--------------------------------------*/
#top .avia-content-slider {
padding:0 10px!important;
}
#top .avia-content-slider article.slide-entry {
margin-bottom:40px!important;
}

/* Text area  */
#top .avia-content-slider .slide-content {	
	padding:30px 20px;
	margin-top:-10px;
	background:#eecc88;
	}

#top .avia-content-slider .slide-meta-comments,
#top .avia-content-slider .slide-meta-del {
display:none;
}

#top .avia-content-slider .slide-meta-time {
	background:gold;
	width:70px;
	height:70px;
	border-radius:100px;
	position:absolute;
	top:-130px;
	right:0;
}

    Best regards,
    Vinay

    March 21, 2018 at 4:48 pm #930668
    lena1234

    Hey thank you for the answer!
    You can have a look on my page: http://test.hu-gmbh.de
    The code worked, but it is not exactely what I was looking for. It would be nice to have an Image with text and a date (but thats not so important) Maybe its possible on another way?

    Best regards
    Lena

    March 22, 2018 at 1:40 pm #931270
    Victoria

    Hi Lena,

    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

    
#top #after_section_4 .avia-content-slider .slide-meta-time {
    width: 60px;
    height: 60px;
    top: -120px;
    padding: 10px;
    text-align: center;
    line-height: 13px;
}
#top #after_section_4 .avia-content-slider .post-entry-254 .slide-meta-time {
    top: -195px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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