Site logo

Archived topic

Button Border Problem Target Theme

5 replies · Started by nanoprobes on July 14, 2021

Viewing posts 1–6 of 6

The log in button is missing its border on the Woocommerce My Account page with the Target theme. I haven't touched anything to cause it.
https://snipboard.io/QkHcOa.jpg

Thanks it worked for that button but while looking around there seems to be a lot of buttons not rendering right in this theme on the Woocommerce My Account page tabs. When viewing the Downloads, Account Details, Adding Addresses and so on. It's all over that page with theme.

Does't seem like a lot of detail was put into designing it. No offense, but all over the my account page with this theme looks terrible with buttons not displaying right.

After looking a little more, the reset password button also doesn't render correctly with the theme.

https://snipboard.io/mkh7eK.jpg
https://snipboard.io/WPKRNl.jpg
https://snipboard.io/u0AIr4.jpg

Try add this CSS:

.woocommerce .woocommerce-Message .woocommerce-Button.button {
    border: 1px solid #ffffff;
    padding: 5px 10px;
}

And change the CSS:
https://www.screencast.com/t/CP61pCc1OZ

button, html input[type="button"], input[type="reset"], input[type="submit"], 
a.button, 
a.button:visited,
.woocommerce a.button {
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
}

To this:

button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.button:visited, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
}

yeah, that made everything look a lot better than what it was.

Great!

Glad to hear that :)

This archived topic is closed to new replies.