Customize hero button

  • ypo924

    (@ypo924)


    9 years, 4 months ago

    Hi,

    I’m trying to adjust the buttons within the ‘Hero’ section. Currently their position are side by side and I would like to move them one on the top of the other.

    Also, can I change the background color of buttons from yellow to transparent and make the font larger ?

    here is the link : http://altobelli.paris/

    Any help would be appreciated.

    Thanks in advance

Viewing 3 replies - 1 through 3 (of 3 total)
  • congthien

    (@congthien)

    9 years, 4 months ago

    Hi @ypo924,

    Unfortunately there is no way to move one button on top of other. But you can add this in Customize => Additional css to make 2nd button transparent :

    #hero .btn:last-child { background : transparent; font-size: 20px; }

    Hope that helps!

    Thread Starter ypo924

    (@ypo924)

    9 years, 4 months ago

    Hi @congthien,

    Thanks for your help.

    I’ve tried several additional css lines but there is no impact on the hero section :

    #hero .btn:last-child { background : transparent; font-size: 20px; }
#hero .btn:last-child { background-color : transparent; font-size: 20px; }    
#hero .btn-warning:last-child { background-color : transparent; font-size: 20px; }
#hero .btn-warning:last-child { background : transparent; font-size: 20px; }

    any idea ?

    Related to the “on top of the other” topic, is it possible to add a Thrid button on the same line ?

    Thanks in advance

    Hippolyte

    congthien

    (@congthien)

    9 years, 4 months ago

    Hi @ypo924,

    I see you removed the 2nd hero button? Also default we have 2 buttons only. To add more, you should copy the section-parts/section-hero.php in wp-content/plugins/onepress-plus to child theme then add more button you want.

    https://github.com/FameThemes/onepress-child

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Customize hero button’ is closed to new replies.