Topic: Products overlapping beside each other

Hello,

You may try to add the following code in custom.css file

@media screen and (min-width: 1200px){
.page-id-17544 .sidebar-position-without .row-count-4 .product {
  width: 205px !important;
}}

Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.
Regards,
Robert Hall.

Hello,

Please use this code in custom.css file

.add_to_wishlist,
.footer-product span{
font-size 8px;
}
.show-quickly{
  padding-right: 5px;
  margin-top: 5px;
}

Regards,
Robert Hall.

Hello,
all changes made in custom.css will not be lost on theme update.
If you have edited other theme files – please move these ones to child theme folder before update.
More information about child theme can be found here:
http://codex.wordpress.org/Child_Themes

for your last request – please set row width to 1/2 + 1/2 like we have done on the bottom of your page:

Regards,
Stan Russell.

Hello,

I’ve added margin value for the text column in Visual Composer editor.
Please check the page https://www.marygrant.com/be-inspired/ now.

Thank you.
Best regards,
Jack Richardson.

Hello,

Please view these screenshots:
http://prntscr.com/7cacxz
http://prntscr.com/7cadgz

Thank you.
Best regards,
Jack Richardson.

Hello,

I’ve recreated the block in Visual Composer as shown on the screenshot:
http://prntscr.com/7cjr5e

Here is the sequence:
1. Add new element “Row”.
2. Divide it into 2 columns.
3. Add new “Row” to the 2-nd column and divide it into 3 columns.
4. Append element “Text block” to the 2-nd column as shown on the screenshot http://prntscr.com/7cjsjd .

Please check your site now.

Thank you.
Best regards,
Jack Richardson.

Hello,

You’re welcome.

Regards,
Jack Richardson.