Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 16, 2020 at 12:39 pm #1174907
    philthebass

    Hi,

    I’m starting to update my sites to V 4.7.1 today.

    Is there a way to force the button element in the block editor to take the formatting set out in the theme settings? Whatever I try, it seems to take on the default block editor formatting and styles.

    I’ve provided some links below to illustrate the issue.

    Thanks

    Phil

    January 16, 2020 at 11:11 pm #1175213
    Basilis

    Hey philthebass,

    can you show with a screenshot which one you mean please? Not sure we do understand

    Best regards,
    Basilis

    January 17, 2020 at 11:14 am #1175309
    philthebass

    Hi,

    Here’s a link to screen grabs.

    View post on imgur.com

    View post on imgur.com

    The black button is the default block editor.

    The red ones are styled via the Enfold theme settings. Ideally we want to be able to get the block edior button to adopt the enfold settings so we don’t have to style each one manually every time.

    Hope that makes sense.

    Thanks

    Phil

    January 18, 2020 at 1:28 pm #1175813
    Mike

    Hi,
    Thank you for the screenshots and links, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top #wrap_all #main .wp-block-button > a.wp-block-button__link {
    color: #fff !important;
    border-color: #860000 !important;
    background-color: #a81010 !important;
    padding: 15px 10px 13px !important;
    font-size: 13px !important;
    min-width: 100px !important;
    float: none !important;
    display: block !important;
    border-radius: 3px !important;
    text-decoration: none !important;
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    margin: 3px 0 !important;
    line-height: 1.2em !important;
    position: relative !important;
    font-weight: 400 !important;
    text-align: center !important;
    max-width: 80% !important;
}

    Best regards,
    Mike

    March 18, 2020 at 6:32 pm #1194209
    philthebass

    Hi Mike,

    I’ve added that as suggested and I’m still not getting the right result.

    Here’s a new page I just added a button to and still no joy

    Corona Virus Update

    Thanks

    Phil

    March 19, 2020 at 12:58 pm #1194402
    Mike

    Hi,
    Thank you for the link, when I look at your red button “Find out how to join our online sessions” the only difference seems to be the border-radius which gives the button the round corners, is this what you are seeing too?
    to correct the border-radius, please change this in the css:
    border-radius: 3px!important;
    to this:
    border-radius: 23px!important;
    I don’t see a version of the black button so I’m not exactly sure what the border-radius is, but feel free to adjust to suit.

    Best regards,
    Mike

    March 19, 2020 at 1:03 pm #1194405
    philthebass

    Hi Mike,

    It looks to be ignoring background colours and other parameters

    background-color: #a81010 !important;

    If I test elsewhere, it matches the theme buttons

    http://www.cssdesk.com/Tp4Ah

    Thanks

    Phil

    March 20, 2020 at 11:32 am #1194768
    Mike

    Hi,
    The button you linked to at /news/corona-virus-update/ matches the background color and other parameters of your sandbox button.
    2020-03-20_052524.png
    do you see something different than this?
    2020-03-20_052757.jpg

    Best regards,
    Mike

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