Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 27, 2016 at 9:23 am #704741
    corneliaboehm

    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

    October 27, 2016 at 9:30 am #704745
    corneliaboehm

    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!

    • This reply was modified 7 years, 5 months ago by corneliaboehm.
    October 31, 2016 at 3:03 pm #706194
    Yigit

    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

    October 31, 2016 at 3:42 pm #706237
    corneliaboehm

    sorry but it look strange :)

    November 2, 2016 at 2:36 pm #707109
    Yigit

    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

    November 3, 2016 at 3:22 am #707482
    corneliaboehm

    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???

    November 4, 2016 at 4:23 pm #708296
    Yigit

    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

    November 4, 2016 at 10:18 pm #708452
    corneliaboehm

    CLOSED. Thank you.

  • Author
    Posts
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.