[Resolved] Border Radius Button

Home Forums Support [Resolved] Border Radius Button

Home Forums Support Border Radius Button

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1454574
    Markus

    Dear GeneratePress-Team,

    if you look on my website:

    https://www.radtouren-checker.de/elberadweg/

    You can see on the sidebar the widget “Newsletter”. There is a button which is part of GeneratePress theme. How can I change the border radius of this button?

    Kind Regards,
    Markus

    #1454594
    Elvin
    Staff
    Customer Support

    Hi Markus,

    You can try this CSS code.

    .mailster-wrapper.mailster-submit-wrapper.form-submit input.submit-button.button {
        border-radius: 10px;
    }

    Let us know if it works for you. 🙂

    #1456138
    Markus

    Thanks, Elvin. It did work!

    Is it possible to insert the button of the theme into widgets?

    https://www.radtouren-checker.de/ueber-mich-den-radtouren-checker/

    The font color of the button of the widget “Wer ist der Radtouren-Checker?” is always blue and I’d like to just put it in the same way like the newsletter-button which is perfect now.

    Kind Regards,
    Markus

    #1456158
    Elvin
    Staff
    Customer Support

    Is it possible to insert the button of the theme into widgets?

    I’m not sure what you mean by this. Can you explain a bit more?

    The font color of the button of the widget “Wer ist der Radtouren-Checker?” is always blue and I’d like to just put it in the same way like the newsletter-button which is perfect now.

    I believe you can style the link and link hover color of sidebar widgets through Appearance > Customize > Color > Sidebar. You’ll find the a colorbox for link and link hover. Change their color values to the one you prefer.

    #1457293
    Markus

    You understood it rightly.

    It’s about links in widgets.

    But the problem is as follows. I can change the link color but then ALL links are white. What I need is to have a white link color for the button and a grew link color for the rest of the links. Is this possible?

    #1457631
    Elvin
    Staff
    Customer Support

    But the problem is as follows. I can change the link color but then ALL links are white. What I need is to have a white link color for the button and a grew link color for the rest of the links. Is this possible?

    Right yeah, That makes sense.

    In that case, we’ll really have to resort back to custom CSS for specific buttons.

    I’ve went back to the page and checked the selector for the widget “Wer ist der Radtouren-Checker”.

    Here it is.

    #custom_html-93 > .textwidget > * > a.button {
    border-radius: 10px;
    color: white;
    }

    You can change the border-radius and color to fit what you need.

    Also, here’s the hover selector if incase you need it.

    #custom_html-93 > .textwidget > * > a.button:hover {
    color: [your hover color here];
    }

    Just change the cover value to your preferred hover color.

    So what we have now is, whatever color was set on Appearance > Customize > Color > Sidebar applies to every link in the sidebar except for the buttons we styled with custom CSS.:)

    #1458300
    Markus

    Absolutely gread support! Thanks for the solution… I have it now..

    #1458472
    Elvin
    Staff
    Customer Support

    No problem. We’re glad to be of any help. 🙂

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