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

    I am trying to increase the size of my button below the caption of my fullscreen slider on this page only: http://www.moneypeach.com/money-peach-500-challenge/.

    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!

    #724343

    Hey cpetrie2001,

    To target specific elements and style them accordingly please enable custom css class name support http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ 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:

    .btn-large{
      min-width:60vw;
    }
    

    Best regards,
    Vinay

    #725015

    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?

    #725616

    Hi,

    After enabling custom CSS for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-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,
    Yigit

    #725739

    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: http://www.moneypeach.com/500challenge

    And her is what I would like to see: http://www.screencast.com/t/17PwqmKdMZ

    What am I missing still?

    Thanks Yigit and Vinay :)

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

    Hi!

    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,
    Yigit

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