Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 3, 2016 at 7:54 pm #707924
    corneliaboehm

    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;
}
    November 3, 2016 at 8:04 pm #707926
    corneliaboehm

    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?

    November 4, 2016 at 12:12 am #707992
    Vinay

    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

    November 4, 2016 at 1:32 am #708002
    corneliaboehm

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

    November 4, 2016 at 8:56 am #708086
    Nikko

    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

    November 4, 2016 at 1:28 pm #708166
    corneliaboehm

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

    November 4, 2016 at 3:25 pm #708224
    Vinay

    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

    November 4, 2016 at 3:33 pm #708234
    corneliaboehm

    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

    November 4, 2016 at 4:14 pm #708288
    Yigit

    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

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