Row Borders at 100% Full Width on mobile

Posted in: Newspaper
Post count: 159
InstallationComplete
#238370
Jun 11, 2018 at 8:20 pm

How do you override the build in padding on mobile devices for the Top and Bottom borders? I want them to got to the edge of the screen.

Thanks

Post count: 159
InstallationComplete
#238403
Jun 12, 2018 at 1:00 am

Also, how to you change the border color above the description in WooCommerce?

https://screencast.com/t/U6RlIXUum5H5

Thanks.

Post count: 22421
Bogdan B.
#238489
Jun 12, 2018 at 11:17 am

Hello,

I’m not sure what padding you are referring to but please provide a link to your site so we can see the padding you mention.

As for the block headers, you can change their color from the theme colors section of the theme panel: https://www.screencast.com/t/r2c9j7y8

Thank you!

Post count: 159
InstallationComplete
#238591
Jun 12, 2018 at 4:15 pm

Hey –

Did you look at my screen capture? I don’t think we’re referring to the same element. The border that separates description. It’s a 2ish pixel wide border.

Thanks!

Post count: 22421
Bogdan B.
#238693
Jun 13, 2018 at 8:57 am

The screenshot points at a block title. A block title is changed from the theme panel. That border is part of the block title.

Thanks

Post count: 159
InstallationComplete
#238837
Jun 13, 2018 at 4:05 pm

Good to know. Then what is the CSS to change the color of the line on the block title. It’s the description block title in WooCommerce.

Thanks.

Post count: 22421
Bogdan B.
#238946
Jun 14, 2018 at 8:41 am

Hello,
This code will change the border to red for example:

.woocommerce div.product .woocommerce-tabs ul.tabs:before{
border-bottom: 2px solid red;
}

You can add the code in the theme panel under the custom code section.

Thank you!

Viewing 7 posts - 1 through 7 (of 7 total)
The forum ‘Newspaper’ is closed to new topics and replies.