Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 3, 2017 at 11:56 am #754986
    riskagency

    Hi there,

    I would like to edit an individual button independently of all other buttons on my site.

    How can I edit it to have a black translucent background so that the white button text shows up against a light coloured image.

    Example button that I would like to edit here:

    button

    Thanks
    Huan

    March 3, 2017 at 11:57 am #754987
    riskagency

    Working link to button image;

    https://postimg.org/image/aqx1nxr1h/

    • This reply was modified 7 years, 8 months ago by riskagency.
    March 3, 2017 at 9:40 pm #755368
    Jordan Shannon

    Hi,

    Can you provide a link to the site?

    Best regards,
    Jordan Shannon

    March 3, 2017 at 9:43 pm #755371
    riskagency

    http://www.buildup.org.uk

    Thanks

    March 3, 2017 at 10:21 pm #755385
    Jordan Shannon

    Hi,

    You can try adding this to quick css:

    #top .avia-button.avia-color-light {
    font-weight: bold !important;
    border: 3px solid #000!important;
    background: rgba(0, 0, 0, 0.8)!important;
    {

    Best regards,
    Jordan Shannon

    March 4, 2017 at 6:26 pm #755641
    riskagency

    HI,

    The above code successfully adjusts the relevant buttons, but messes up all the formatting for the rest of my site! (its over riding lots of text formatting in the main elements of my pages)

    see http://www.buildup.org.uk for site with unwanted formatting changes in place

    Any other ideas?

    Thanks
    Huan

    March 6, 2017 at 7:32 am #756184
    Rikard

    Hi Huan,

    Thanks for the feedback. Please try the following instead:

    #home .avia-button {
  font-weight: bold !important;
  border: 3px solid #000!important;
  background: rgba(0, 0, 0, 0.8)!important;
}

    Best regards,
    Rikard

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