Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #754986

    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

    #754987

    Working link to button image;

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

    • This reply was modified 7 years, 7 months ago by riskagency.
    #755368

    Hi,

    Can you provide a link to the site?

    Best regards,
    Jordan Shannon

    #755371
    #755385

    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

    #755641

    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

    #756184

    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

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