Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 27, 2022 at 5:21 am #1346185
    navindesigns

    on my site http://balrajt9.sg-host.com/

    I would like to make the Fullwidth Easy Slider caption frame extend all the way to the left of the screen like my mockup below

    mockup. – https://ibb.co/Xxs48V3

    I also would like to change the frame background color to #006aa6

    Thanks as always

    March 27, 2022 at 10:39 am #1346190
    Rikard

    Hey navindesigns,

    Please try the following in Quick CSS under Enfold->General Styling:

    .slideshow_caption {
    padding: 0;
}

.caption_container {
    margin: 0;
}

.avia-caption-title, .avia-caption-content p {
    background: rgba(0, 106, 166, 0.5);
}

    Best regards,
    Rikard

    March 27, 2022 at 4:25 pm #1346214
    navindesigns

    Thanks. Looks good but not quite there

    Home

    I need more margin on the left side so the text is not so close to the left edge as per the mockup

    March 27, 2022 at 7:56 pm #1346226
    Mike

    Hi,
    Try adding this css:

    .caption_framed .slideshow_caption .avia-caption-content {
	background: rgba(0,106,166,0.7);
	padding: 0px 0px 50px 190px;

}
.caption_framed .slideshow_caption .avia-caption-content p {
	background: unset!important;
}
.caption_framed .slideshow_caption .avia-caption-title {
	margin: 0;
    padding: 50px 250px 10px 200px;
}

    expected results
    2022-03-27_008.jpg

    Best regards,
    Mike

    March 30, 2022 at 2:18 pm #1346588
    navindesigns

    This is perfrct

    Thanks as always

    March 30, 2022 at 5:50 pm #1346631
    Rikard

    Hi,

    Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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