Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

How Can I Center This Block In The Middle Of The Page? Rate Topic   - - - - -

 
  • Tarek_S
  • Member
  • Members
  • Join Date: 26-Apr 21
  • 27 posts

Posted 27 September 2021 - 08:20 AM #1

Hey all, for the life of me I can't seem to be able to center this block! Can anyone help please?!

 

 

Attached Thumbnails

  • Center Product.png
  • Center Product 2.png


 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 22247 posts

Posted 28 September 2021 - 04:43 AM #2

Add extra CSS class to the grid with this block so that we can help you


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 1210     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 4025     CS-Cart + YOUPI      USD 1459      Multi-Vendor Ultimate       USD 7500 (6000)


 
  • Tarek_S
  • Member
  • Members
  • Join Date: 26-Apr 21
  • 27 posts

Posted 28 September 2021 - 12:20 PM #3

Add extra CSS class to the grid with this block so that we can help you

Thank you for your answer.

 

I'm not very technical, please help me understand what exactly do you need me to do. I checked the grid setting and it already has a 'User-defined CSS class' section.

 

Thank you.



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 22247 posts

Posted 28 September 2021 - 01:30 PM #4

Thank you for your answer.

 

I'm not very technical, please help me understand what exactly do you need me to do. I checked the grid setting and it already has a 'User-defined CSS class' section.

 

Thank you.

 

Right. Add the "center-home-block" value there and inform me here


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 1210     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 4025     CS-Cart + YOUPI      USD 1459      Multi-Vendor Ultimate       USD 7500 (6000)


 
  • Tarek_S
  • Member
  • Members
  • Join Date: 26-Apr 21
  • 27 posts

Posted 28 September 2021 - 05:53 PM #5

Right. Add the "center-home-block" value there and inform me here

I did, it didn't work :/



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 22247 posts

Posted 29 September 2021 - 06:32 AM #6

Then go to the Theme editor and add the following code to the CSS section:

.center-home-block {
    width: 100%;
}
.center-home-block .ty-product-list{
    margin: 0 auto;
    max-width: 585px;
}

https://prnt.sc/1u1uom2


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 1210     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 4025     CS-Cart + YOUPI      USD 1459      Multi-Vendor Ultimate       USD 7500 (6000)


 
  • Tarek_S
  • Member
  • Members
  • Join Date: 26-Apr 21
  • 27 posts

Posted 29 September 2021 - 08:05 PM #7

Then go to the Theme editor and add the following code to the CSS section:

.center-home-block {
    width: 100%;
}
.center-home-block .ty-product-list{
    margin: 0 auto;
    max-width: 585px;
}

https://prnt.sc/1u1uom2

 

 i did, still didn't work :/ >>> https://prnt.sc/1u4romc



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 22247 posts

Posted 30 September 2021 - 05:03 AM #8

I do not see that the code is applied. Try to clear cache


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 1210     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 4025     CS-Cart + YOUPI      USD 1459      Multi-Vendor Ultimate       USD 7500 (6000)


 
  • Tarek_S
  • Member
  • Members
  • Join Date: 26-Apr 21
  • 27 posts

Posted 01 October 2021 - 12:02 PM #9

I do not see that the code is applied. Try to clear cache

 

yes it's weird! as you can see in the photo: https://prnt.sc/1u4romc the code is there in the CSS but it doesn't show when I inspect. 

 

what could be causeing this?



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 22247 posts

Posted 04 October 2021 - 05:44 AM #10

Please try

 

.row-fluid .center-home-block {
    width: 100%;
}
.row-fluid .center-home-block .ty-product-list{
    margin: 0 auto;
    max-width: 585px;
}

GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 1210     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 4025     CS-Cart + YOUPI      USD 1459      Multi-Vendor Ultimate       USD 7500 (6000)


 
  • Tarek_S
  • Member
  • Members
  • Join Date: 26-Apr 21
  • 27 posts

Posted 07 October 2021 - 10:19 AM #11

 

Please try

 

.row-fluid .center-home-block {
    width: 100%;
}
.row-fluid .center-home-block .ty-product-list{
    margin: 0 auto;
    max-width: 585px;
}

done, still no result :/



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 22247 posts

Posted 07 October 2021 - 01:58 PM #12

Please return the "center-home-block" class since it is removed now


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 1210     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 4025     CS-Cart + YOUPI      USD 1459      Multi-Vendor Ultimate       USD 7500 (6000)


 
  • Tarek_S
  • Member
  • Members
  • Join Date: 26-Apr 21
  • 27 posts

Posted 09 October 2021 - 08:44 AM #13

Please return the "center-home-block" class since it is removed now

 

Thank you! It worked now :)