Border Radius Button

[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

[Elvin]

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. 🙂

A wise man once said:
"Have you cleared your cache?"

[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

[Elvin]

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.

A wise man once said:
"Have you cleared your cache?"

[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?

[Elvin]

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.:)

A wise man once said:
"Have you cleared your cache?"

[Markus]

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

[Elvin]

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

A wise man once said:
"Have you cleared your cache?"

[Author]

Posts