centre a row on page

Hi Milos

Sparky Page Builder on www.primecleaningbairnsdale.com.au

Hope I can explain this clearly.

Using SPB (which I think is a great editor) to get a design the same on pc/phone.  

Added a row - which has eight columns (image, text, image text, image text, image text) ok.
Below, I need to add two more of the image/text combination.
For the pc, I can easily add empy columns to left and right and it is centred
But on mobile, showing 4 columns for mobile display, the empty columns show and throw the design out.

1.  Is it possible to centre the contents of rows horizontally rows.  Can't find a way .
2.  Can column widths be changed manually?  Looks like they are Sparkle 1 and Sparkle 2 when set up as two columns.

Hope understandable.  I really would like to be able to  Add a block which allows me to create columns within it (nested columns?).  Thats my wish list.  It would give me the ability to add main image in left column and in the right column have 2 columns for image/text.

Happy to be charged for support on this (as long as not too $$$.

Paul
 

Hello,

If I understand your questions, you want to hide some of the columns on mobiles. You can do it by adding a class to the row (or use its autogenerated ID) and add some CSS code that will hide the columns on mobiles only. For example, you can add this custom CSS:

This code will hide these two empty columns and use full width for the middle column if the screen width is less than 767px. You can change the value 767px.

p.s. If you decide to add and use row class, you should use dot (.) and not hash (#)

Regards,
Milos

My thanks for exceleent support and assistance!

Yes, worked well for me ... except it seems to have added a blank row - as in image.

Any ideas?

Also, where can i change the width of columns?  I went into code, had a look around and I felt it was a case of changing the width% of Sparkle1 and Sparkle2.  I tried but nothing chaged.

As you can see from the attached image the first column (with the star) needs to be reduced to give me extra space for the text.

The columns with star are at the minimum with using Sparky.

Paul

The row with id "row_99612360" contains only "commercial cleans" and "residential cleans". And on desktop it has empty rows left and right. So, you should add the same code as in my previous reply:

Your approach with "empty" rows is not mobile-friendly. Perhaps you should decrease the template width (in the template options) instead of using the empty rows left and right.

Regards,
Milos

Thanks again.

That was the row I used it on.

I dont have an empty row

Methinks try something else - problem is its a freebie for a friend's wife, she is adamant about the way the mobile should look, etc.

Thanks for help.

Paul