• I’m wondering if it’s possible to move the call-to-action button from the default position of center on the image slider, to lower down, just above the bottom border of the slider images.

    thanks for your help!

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hey rscuillerier !

    Could you plz provide the link of your website? I need it to be able to give a precise answer can’t just guess 🙂

    Cheers

    Hello there,

    Could you please try to add the following CSS code through the Simple Custom CSS plugin?

    #slideshow .text-slider-section {
        top: 0px !important;
        height: 100% !important;
        transform: none !important;
    }
    
    #slideshow .text-slider-section .text-slider{
        position: relative !important;
        height: 90%;
    }  
    
    #slideshow .text-slider-section .text-slider .flex-viewport,
    #slideshow .text-slider-section .text-slider .flex-viewport .slide-text,
    #slideshow .text-slider-section .text-slider .flex-viewport .slide-text li{
      position: relative;
      height: 100%;
    }
    
    #slideshow .text-slider-section .text-slider .contain{
        width: 100%;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    Let me know how it goes.

    Warmest regards,
    Kharis

    Kharis Sulistiyono.. Thank You Very much. But How To Make It Custom Location As per our wish… What Is The Code…. Can you help me?

    Hello there,

    I thought I should have a look at your site. So I can get the correct element selector.

    Could you please post your URL here?

    I inserted the above code to try to reposition my call to action button but nothing changed. How do I change it? I’m also using Sydney.

    http://www.blublakmedia.com/services

    Any help would be appreciated!!!

    I love the Sydney theme, and people compliment me on “finally getting a professional website made.” It’s great, but I only have two question.

    1. I’d like to move the CTA button (which looks & works perfectly) down an inch. It magically lands right in the face of the bride in the first picture. Or…how can I edit the picture to make her face higher. Thanks so much. It’s brilliant. P.S. I know nothing about CSS and would be petrified to try using it.

    2. Can you recommend a carousel that can use up to a dozen photos for a different PAGE.

    My website is dougwintersmusic.com
    Thanks again.
    Doug

    Hello @khalilanasir,

    We update the main slider markup since Sydney version 1.26. The code I suggested is no longer working. You should use this code instead:

    .slide-inner{
    	top: auto;
    	bottom: 0;
    	-webkit-transform: unset !important;
    	-moz-transform: unset !important;
    	-ms-transform: unset !important;
    	-o-transform: unset !important;
    	transform: unset !important;
    }

    Regards,
    Kharis

    Hello @doug1014,

    > 1

    Try to apply the following CSS code:

    .button-slider{
      margin-top: 40px;
    }

    > 2

    Try Meta Slider plugin. It might require extra code modification in order to make it works with Sydney. You would edit the header.php file template in the child theme mode.

    Regards,
    Kharis

    Dear Kharis!

    .slide-inner{
    	top: auto;
    	bottom: 0;
    	-webkit-transform: unset !important;
    	-moz-transform: unset !important;
    	-ms-transform: unset !important;
    	-o-transform: unset !important;
    	transform: unset !important;
    }

    This code perfectly work on Desktop, but on my mobile device button still appear on the center! I need bottom! Could you help? Thanks!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘moving call-to-action button’ is closed to new replies.