Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 14, 2016 at 2:37 pm #724276
    cpetrie2001

    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!

    December 14, 2016 at 4:07 pm #724343
    Vinay

    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

    December 15, 2016 at 9:21 pm #725015
    cpetrie2001

    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?

    December 17, 2016 at 3:07 am #725616
    Yigit

    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

    December 17, 2016 at 10:23 pm #725739
    cpetrie2001

    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 :)

    December 17, 2016 at 11:43 pm #725751
    Yigit

    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

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