Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #707924

    hi. how can i add shadow to text in fullscreen slide. here: http://imgur.com/a/vWNyE

    is use css code like this:

    /*Button Image Vollbildslider anpassen*/
    #top .avia-slideshow-button {
        font-size: 20px; 
        padding: 20px 20px;
    }
    .home #fullscreen_slider_0 .slideshow_align_caption {
        vertical-align: middle;
    }
    .home #fullscreen_slider_0 .avia-slideshow-button {
        display: block;
        max-width: 350px;
        margin: auto;
        margin-top: 10px;
    }
    .home #fullscreen_slider_0 a.avia-slideshow-button:nth-child(3) {
        color: transparent!important;
        border: none!important;
        background-size: contain!important;
        background-repeat: no-repeat!important;
        background-position: 50% 50%!important;
        background-color: transparent;
    }
    #707926

    And how can i also add a transparent background to the text?

     background: rgba(255,255,255,.5);
        display: inline-block !important;

    will this code work inside the css?

    #707992

    Hi,

    It appears that you already managed to add the shodow effect on the slider text.

    To make the title background transparent please try the below code

    .handschrift h1.av-special-heading-tag {
        background: transparent!important;
    }

    Let us know if you have any questions.

    Best regards,
    Vinay

    #708002

    Hi Vinay, sorry but there is NO shadow ;(((( http://imgur.com/a/5HrsC

    #708086

    Hi,

    Kindly add this code in Quick CSS (located in Enfold > General Styling):

    #top .avia-fullscreen-slider h2 {
        text-shadow: 1px 1px 7px #000;
    }

    or this one:

    #top .avia-fullscreen-slider h2 {
        text-shadow: 1px 1px 7px #000 !important;
    }

    Just adjust the code as you see fit. :)

    Best regards,
    Nikko

    #708166

    Cool thank you Nikko. How can i apply the shadow to the normal text in the fullscreen slider here: http://imgur.com/a/K8ZGQ

    #708224

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top .avia-fullscreen-slider p {
        text-shadow: 1px 1px 7px #000 !important;
    }
    

    Best regards,
    Vinay

    #708234

    View post on imgur.com

    Works great. Thanky Vinay. How can i apply a text background color to the normal text with shadow in the fullscreen slide? like here: http://imgur.com/a/v3BWk

    #708288

    Hey!

    Duplicated – https://kriesi.at/support/topic/problems-with-button-i-cannot-see-the-button/

    You have started 38 threads within a week. Please try to be more selective with your customization requests or hire a freelance developer.

    Best regards,
    Yigit

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘add shadow to text in fullscreen slide’ is closed to new replies.