Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 27, 2014 at 3:51 am #229890
    JadynWelch01

    I am trying to figure out how to extend the transparency overlay across 100% of the image in my fullscreen slider. I’d also like to increase the font size of the caption text “SHADE FROM THE OUTSIDE IN”. Any assistance would be much appreciated!

    Website url is http://deluxeawning.net/ and it’s the first feature on the page that I’m referring to. Thanks!

    Jadyn

    February 27, 2014 at 4:32 pm #230109
    Yigit

    Hey JadynWelch01!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    .caption_framed .slideshow_caption .avia-caption-title { 
background: rgba(0, 0, 0, 1); } /* rgb value of the color opacity level = 1 */
div .slideshow_caption h2 { font-size: 40px; }

    Regards,
    Yigit

    February 28, 2014 at 4:07 am #230412
    JadynWelch01

    Thanks so much! The font size increase worked perfectly. But I don’t think I described my other point well enough. I’d like the transparent box under the caption text to extend to 100% of the width of the screen. The opacity level is fine as it is. Thank you!

    February 28, 2014 at 4:07 am #230415
    JadynWelch01

    And while we’re at it, can you show me the code to increase the button text size as well?

    February 28, 2014 at 8:17 am #230480
    Ismael

    Hi!

    Add this on Quick CSS or custom.css:

    .caption_framed .slideshow_caption .avia-caption-title {
background: rgba(0, 0, 0, .8);
width: 100%;
}

.avia-fullscreen-slider .caption_container {
height: 100%;
width: 100%;
}

    Use this for the button:

    body div .avia-slideshow-button {
font-size: 20px;
}

    Regards,
    Ismael

    March 17, 2014 at 8:08 pm #238959
    kgersony

    How would you change the caption title text in the full screen slider to Upper and lowercase, vs. all uppercase?

    March 18, 2014 at 2:38 am #239085
    Yigit

    Hey!

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

    div .slideshow_caption h2 {
text-transform: none;
}

    Best regards,
    Yigit

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