Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #704741

    how can i upsize the size of a button and the size of the button-text inside a fullscreen video slide?

    View post on imgur.com

    #704745

    Some more questions.

    View post on imgur.com

    A= how can i bring the heading font of the video slide caption up?

    B= How can i disable the border of the first button of the video slide and how can i arrange to buttons one above the other. Is there a way to use a PNG instead of text as first button like here: http://imgur.com/a/kc4z7

    C= How can i make the red button much bigger? (i asked this question above :) )

    Thank you so much. All the best, greetings!

    #706194

    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-slideshow-button {
        font-size: 16px; 
        padding: 20px 20px;
    }
    .home #fullscreen_slider_0 .slideshow_align_caption {
        vertical-align: top;
    }
    .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-image: url(https://www.eltern-kongress.com/wp-content/uploads/logo-eltern-kongresss.png)!important;
        background-size: contain!important;
        background-repeat: no-repeat!important;
        background-position: 50% 50%!important;
        background-color: transparent;
    }
    

    Best regards,
    Yigit

    #706237

    sorry but it look strange :)

    #707109

    Hey!

    It does look fine on my end. You can add text shadow to your text using following code

    .home #fullscreen_slider_0 h2.avia-caption-title {
        text-shadow: 1px 1px #000000;
    }

    Regards,
    Yigit

    #707482

    Hey Yigit. Thank you. Some little problems.

    http://imgur.com/a/0f6D7 A: move the button down to the bottom of the fullscreen slide. B: delete the logo C: set the font color to black with shawdow.

    http://imgur.com/a/0ZkoI Move the text to the left. Is there a way to position each text in a fullscreen slider to a differnt position???

    #708296

    Hey!

    Please change following code

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

    to following one

    #top .avia-fullscreen-slider h2 {
        text-shadow: 1px 1px 7px #fff !important;
        color: black;
        text-align: left;
    }

    Regards,
    Yigit

    #708452

    CLOSED. Thank you.

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘how can i upsize the size of a button inside a fullscreen video slide?’ is closed to new replies.