Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 11, 2021 at 6:39 pm #1299749
    Jason

    Hello. I am using the Band template, which is great. The only thing I am wondering if I can revert back is the button layout, not so round and the boarder no so heavy.

    Here is a sample of what is looks like currently on my dev site:
    https://devapp.galaxypress.com/product/a-matter-of-matter-audiobook-9781592122394/

    When you look at the buttons I added in the short description you will see they are rounded with a heavy black boarder.

    What is looks like on our current site is more like what I would like to see:

    A Matter of Matter audiobook

    You will see these buttons on the live site are a little less rounded and board color lighter.
    I could not figure out where the settings are that effect these styles.
    Thank you, Jason

    May 13, 2021 at 7:11 am #1300035
    Ismael

    Hey Jason,

    Thank you for the inquiry.

    You can use this css code to adjust the border radius of the buttons and change its color.

    #top #wrap_all .avia-slideshow-button, #top .avia-button, .html_elegant-blog .more-link, .avia-slideshow-arrows a:before {
    border-radius: 5px;
    border-width: 1px;
}

.main_color .avia-color-theme-color-subtle {
    background-color: #f7f7f7;
    color: #383838;
    border-color: #f1f1f1;
}

    Best regards,
    Ismael

    May 13, 2021 at 8:29 pm #1300197
    Jason

    Thank you so much. Is this something that I should be putting in the quick CSS or dropping into my child theme CSS? I am not sure when I should be putting such items into the quick CSS versus updating the actual child theme?

    Thanks, Jason

    May 13, 2021 at 10:29 pm #1300201
    Jason

    Okay, so I put this in the quick CSS for now and worked. One question on my original post was if I could change the amount of rounding on the buttons. Before I updated to the Band template the buttons were more rectangle with slight rounded corners. Now the buttons are full half circles and wondering if I can control this on a site wide level?

    May 16, 2021 at 8:32 am #1300514
    Rikard

    Hi,

    Thanks for the update. You can set the button border radius under Enfold->Advanced Styling. If you want to edit it using CSS, then you can try this in Quick CSS:

    .avia-button {
  border-radius: 3px;
}

    Best regards,
    Rikard

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