Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #724276

    I am trying to increase the size of my button below the caption of my fullscreen slider on this page only:

    I’ve looked through the forums for some Quick CSS to add in to increase this size but could not find it.

    Thanks for your help!


    Hey cpetrie2001,

    To target specific elements and style them accordingly please enable custom css class name support and add the css class name to the button element “btn-large”

    Then add this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:


    Best regards,


    Hi Vinay,

    I need to specifically enlarge the button inside the Caption of the Fullscreen Slider. When I added the custom css class name support to my functions.php file, it didin’t have an effect on the caption option inside the element.

    How would I target the caption button specifically?



    After enabling custom CSS for ALB elements ( ) you should edit your button element and you will see the new field where you can insert “btn-large” (without double quotes).

    Best regards,


    I have enabled CSS for ALB elements, but the custom CSS does not appear when editing the captions or the button inside the Fullscreen Slider. Inside the Advanced Layout Editor, I open the Fullscreen Slider, and then click on captions. I am trying to edit the button inside this section to make the button bigger.

    Here is the current look:

    And her is what I would like to see:

    What am I missing still?

    Thanks Yigit and Vinay :)

    • This reply was modified 7 years, 5 months ago by cpetrie2001.


    Please add following code to Quick CSS

    .page-id-4553 #fullscreen_slider_0 a.avia-slideshow-button {
        min-width: 60vw;
        font-size: 40px !important; 

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.