When I change the top row w/ the background image to be "full width content", I get a line at the bottom of the row Shape Divider. The line that appears is actually the background image that is under the "bottom shape divider" I have set.
But when I change the row to "full width background" the bottom shape divider looks just fine and doesn't allow the background image to bleed through.
I have looked at padding and margin and nothing I changed made it go away.
Hey Judith URL was in the original ticket, but it happens on both the home page and the About Page. I also included a screenshot on that 1st ticket so please reference that.
Again it ONLY happens on high-resolution monitors. My Apple Studio is 3200 x 1800 resolution and the line appears when the browser is stretched to about 75% of the screen.
To make the changes as requested, you will need to add some custom CSS code. To do this, please follow these steps:
From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In the custom code area, insert the provided CSS snippet:
.nectar-shape-divider { bottom: -1em;
}
Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related.
If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help.
When I change the top row w/ the background image to be "full width content", I get a line at the bottom of the row Shape Divider. The line that appears is actually the background image that is under the "bottom shape divider" I have set.
But when I change the row to "full width background" the bottom shape divider looks just fine and doesn't allow the background image to bleed through.
I have looked at padding and margin and nothing I changed made it go away.
Attached files: Screenshot 2023-12-21 at 8.01.04 PM.png
Hey Again,
Please adjust the options so we can take a look at it ?.
Thanks.
ThemeNectar Support Team
Hi there,
Thanks for writing to us.
On which page is this error located?
You can share the Page URL.
Please let us know to help us with clarity.
Hey Judith URL was in the original ticket, but it happens on both the home page and the About Page. I also included a screenshot on that 1st ticket so please reference that.
Again it ONLY happens on high-resolution monitors. My Apple Studio is 3200 x 1800 resolution and the line appears when the browser is stretched to about 75% of the screen.
Hi there,
Thanks for writing back.
To make the changes as requested, you will need to add some custom CSS code. To do this, please follow these steps:
From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In the custom code area, insert the provided CSS snippet:
.nectar-shape-divider { bottom: -1em; }Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related.
If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help.
Worked amazing, please close!