Viewing 30 posts - 1 through 30 (of 32 total)
1 2
  • Author
    Posts
  • October 9, 2017 at 8:33 pm #862093
    2eminds

    Hi,

    I’d like to know what the CSS is for adding some space between Caption Text and CTA button in the Fullscreen Slider. I added a CTA button (linking to ConvertKit opt-in form) and text within the Caption Text box.

    Thank you for your help!

    October 10, 2017 at 8:08 am #862337
    Rikard

    Hey 2eminds,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    October 10, 2017 at 1:57 pm #862458
    2eminds

    Hi Rikard

    Thank you for getting back to me.

    The site is not live yet but I can attach a link to the screenshot.

    I also would like to know the CSS code to reduce the size of the CTA button. Would you be able to help me with this too?

    Many thanks

    October 11, 2017 at 6:50 am #862752
    Rikard

    Hi,

    Thanks for the screenshot, though we will need to inspect the actual page to give you accurate CSS. Unless the button is added through the element options? This code looks like it was added by you?

    <div class=”cta-button”>START HERE!</div>

    Best regards,
    Rikard

    October 11, 2017 at 10:22 am #862801
    2eminds

    Hi Rikard

    Thank you for your reply. Yes as I’m using ConvertKit pop-up opt-in form, I had to add the code mentioned above add a CTA button. Let me know if you need access to my WordPress to investigate.

    Thank you

    October 12, 2017 at 7:39 am #863239
    Rikard

    Hi,

    If you can give us access to your site then that would be helpful, yes.

    Otherwise you can try to edit the element using this selector:

    .cta-button {
  margin-top:20px;
  padding:0;
}

    Best regards,
    Rikard

    October 12, 2017 at 10:11 am #863299
    2eminds

    Hi Rikard

    I added the code above in Quick CSS section under general styling but it didn’t work.

    October 13, 2017 at 7:43 am #863763
    Rikard

    Hi,

    Thanks for that, though the login details are not working. Could you check and verify please?

    Best regards,
    Rikard

    October 13, 2017 at 11:32 am #863858
    2eminds

    Hi Rikard

    That’s strange – it’s working on my end. The password is in lowercase – can you give another try?

    Thanks

    October 14, 2017 at 9:08 am #864237
    Rikard

    Hi,

    It’s still not working on my end, I only copy/paste what you wrote. Are you sure that there should be a space in the password? Try to type exactly what you use to login here again in private please.

    Best regards,
    Rikard

    October 14, 2017 at 10:44 am #864247
    2eminds
    October 15, 2017 at 9:07 am #864451
    Rikard

    Hi,

    Thanks for that, so you wanted to make the cta button smaller? If so then please try this in Quick CSS:

    .home .slideshow_caption .cta-button a {
  padding:10px !important;
}

    Best regards,
    Rikard

    October 16, 2017 at 1:54 pm #864803
    2eminds

    Thank you – that worked!

    I’d also like to know the CSS for adding some space between Caption Text and CTA button.

    Many thanks

    October 17, 2017 at 5:17 am #865097
    Rikard

    Hi,

    Please try this as well:

    .home .slideshow_caption .cta-button {
  margin-top:30px !important;
}

    Best regards,
    Rikard

    October 20, 2017 at 6:02 pm #866813
    2eminds

    Thank you so much – that worked fine!

    Sorry – another request.

    If you log in to 2e Minds website and scroll down to the bottom of ‘About’ page, there are two call to action buttons. The second one “GET ACCESS” is linked to ConvertKit opt-in form. I also would like to change the size of this button – the same size as the first standard CTA button. Would you be able to help me with the CSS?

    Thank you

    October 21, 2017 at 1:49 pm #867042
    Victoria

    Hi 2eminds,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.avia_codeblock  .cta-button a {
    padding: 15px 30px 13px;
    font-size: 20px;
    min-width: 220px;
    border-radius: 3px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 21, 2017 at 6:25 pm #867086
    2eminds

    Thank you – that worked perfectly!

    October 22, 2017 at 6:05 pm #867238
    Victoria

    Hi 2eminds,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    November 18, 2017 at 7:34 pm #878617
    2eminds

    Hi,

    I’d like to change the CTA button size on the Hompage the same as the CTA button on the About page (scroll down to the bottom).

    Would you be able to help me with the CSS?

    November 20, 2017 at 4:57 pm #879220
    Victoria

    Hi Risa,

    They look pretty much the same. Did you get it working for you?

    Best regards,
    Victoria

    November 20, 2017 at 8:01 pm #879324
    2eminds

    Hi Victoria,

    Yes I manged to get the button size as I wanted. Now I’d like to make text and button to align on the left side on Homepage. Is this possible?

    Many thanks

    Risa

    November 21, 2017 at 10:52 am #879635
    Victoria

    Hi Risa,

    You just need to remove some code.

    Best regards,
    Victoria

    November 21, 2017 at 3:46 pm #879770
    2eminds

    Thank you so much!

    November 22, 2017 at 11:41 pm #880529
    Jordan Shannon

    Hi,

    Did you need further help, or shall we close this thread?

    Best regards,
    Jordan Shannon

    November 22, 2017 at 11:49 pm #880533
    2eminds

    Hi Jordan

    Sorry I have one more question! I now like to make the caption title on fullscreen slider to be centered. Can you please let me know what CSS I should use?

    Many thanks

    Risa

    November 23, 2017 at 7:38 pm #880889
    Jordan Shannon

    Hi,

    Just to confirm the right section, you need to center the following:

    
BUILDING SKILLS, NURTURING TALENTS

Learn 5 simple strategies to nurture your twice-exceptional child’s talents
START HERE!

    Best regards,
    Jordan Shannon

    November 23, 2017 at 8:41 pm #880932
    2eminds

    Hi Jordan

    I’d like to center the following:

    BUILDING SKILLS, NURTURING TALENTS

    Below should already be centered.

    “Learn 5 simple strategies to nurture your twice-exceptional child’s talents”

    Many thanks

    Risa

    November 24, 2017 at 6:44 pm #881361
    Jordan Shannon

    Hi,

    Add this to quick css:

    h2.avia-caption-title {
text-align:center!important;
}

    Best regards,
    Jordan Shannon

    November 24, 2017 at 6:56 pm #881368
    2eminds

    Perfect! Thank you Jordan!

    November 24, 2017 at 7:06 pm #881375
    Jordan Shannon

    Hi,

    No problem. Did you need further help, or shall I close this thread?

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 30 posts - 1 through 30 (of 32 total)
1 2
  • The topic ‘Fullsecreen Slider: How to add space between Caption Text and CTA Button’ is closed to new replies.