Support » Theme: Sirius Lite » Editing Buttons

  • Resolved rathanacio

    (@rathanacio)


    How can I edit the buttons on the home page banner? I want to change the color and change the text. I may also decide to remove one of them.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • jarektheme

    (@jarektheme)

    Hi @rathanacio ,

    Thank you for getting in touch with us.

    If you want to change text of banner you need to open Appearance → Customize → Header Image section and change “Button 1-2 Label”. If you want to remove one of them, please just leave it empty.
    To change the color of buttons you need to add this style to Appearance → Customize → Additional CSS field:

    .btn-blue {
        background-color: #790319;
        border-color: #790319;
    }
    
    .btn-blue:focus, .btn-blue:hover {
        background-color: #790319;
        border-color: #790319;
        box-shadow: 0 14px 26px -12px rgb(121, 3, 25), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgb(121, 3, 25);
    }

    Kind regards

    Thank you – this worked great, with the exception of the drop shadow, which I could not figure out how to edit. I’ll get back to working on that after I get the rest of the site together.

    rathanacio

    (@rathanacio)

    I’m not able to figure out how to edit the colors of the buttons from the posts (round button in upper right corner). Can you help me once again?
    Thanks in advance!

    jarektheme

    (@jarektheme)

    Try this code to change the colors of post more buttons:

    .entry-more a {
        background: #5d181b;
        box-shadow: 0 2px 2px 0 rgba(93, 24, 27, 0.14), 0 3px 1px -2px rgba(93, 24, 27, 0.2), 0 1px 5px 0 rgba(93, 24, 27, 0.12);
    }
    
    /* Hover effect */
    .entry-more a:hover {
        background: #7d2b21;
        box-shadow: 0 2px 2px 0 rgba(93, 24, 27, 0.14), 0 3px 1px -2px rgba(93, 24, 27, 0.2), 0 1px 5px 0 rgba(93, 24, 27, 0.12);
    }

    and adjust it as you wish.

    rathanacio

    (@rathanacio)

    Thanks – I’ll give it a try. I realized that I need to change all of the blue hyperlinks so I’ll take a peek at the CSS for the theme to find those.

    rathanacio

    (@rathanacio)

    Consider this resolved.

    rathanacio

    (@rathanacio)

    Once again – trying to click resolved button before I hit submit.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Editing Buttons’ is closed to new replies.