• brandysf

    (@brandysf)


    Hi there.
    I am searching for a way to relocate my button within a slider. I am on the Divi theme. The button is currently at the bottom of the slider and I’d like for it to be moved to the top. I added the following code in the CSS “slide button” section with no luck:

    .carousel-caption {
    position: relative; /* relative | absolute */
    top: 200px; /* top | bottom (0px is top of element) */
    left: -15%; /* left | right (0% is left of element) */
    }

    My site is swgreens.pgh-it.com
    Any suggestions are greatly appreciated.
    Brandy

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hey Brandy,

    How are you doing today?

    I’ve checked your site and I couldn’t see any buttons in the bottom of the slider?

    Did you remove it or am I missing something.

    Cheers,
    Bojan

    Thread Starter brandysf

    (@brandysf)

    Hi Bojan,

    I did end up changing it, but the slider is there at the top of the home page.
    I placed a separate button at the top of the page as a temporary solution, but I’d prefer for the button to sit within the slider, at the top above the header text.

    Do you know if there is a code to do this? unfortunately I am not quite at that level of understanding yet.

    Thanks so much for your response,
    Brandy

    Hey Brandy,

    Do you know if there is a code to do this? unfortunately I am not quite at that level of understanding yet

    I don’t know if there is code for that but I’m pretty sure this should be possible with some custom CSS so I’d be more then happy to take a look if you could temporarily bring back the old button.

    Cheers,
    Bojan

    Thread Starter brandysf

    (@brandysf)

    Bojen,

    That would be much appreciated. I added the button back onto the first slider image on the home page – swgreens.pgh-it.com

    Thanks again,
    Brandy

    Hey Brandy,

    Sure thing 🙂

    I’ve checked your site and the following CSS code should really do the trick, please try adding it in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:

    http://wordpress.org/plugins/simple-custom-css

    a.et_pb_more_button.et_pb_button.et_pb_custom_button_icon {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        max-width: 380px;
        margin-left: auto;
        margin-right: auto;
    }

    This should be the result http://screencast.com/t/YqinB0pmC6y.

    If the code doesn’t work please keep it added and let me know so I can take a look 🙂

    Cheers,
    Bojan – WPMU DEV

    Thread Starter brandysf

    (@brandysf)

    I am using the Divi theme and would prefer not to install a child theme.
    Can you please tell me specifically where I would insert the code?

    Thanks again,
    Brandy

    Hey Brandy,

    Since Divi is not a free theme I can’t double check this but if your theme doesn’t have its own custom CSS tab you can use plugin I mentioned above (http://wordpress.org/plugins/simple-custom-css), once you have it installed and activated you can add the code in Appearance -> Custom CSS.

    Cheers,
    Bojan

    Thread Starter brandysf

    (@brandysf)

    I am facing a similar problem again on another site:
    http://dental.snap-fwd.com/

    I want the green button to sit in the center of the full width header panel, at the right of the logo. Any help would be greatly appreciated.

    Thanks,
    Brandy

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Change button location within a slider (Divi theme)’ is closed to new replies.