column formatting - Forum | JoomShaper
Solved SP Page Builder

column formatting

Asked by Dina Abramson 1 year ago Last activity 1 year ago

Would it be possible to show me how I can get this page https://www.accountantswebdesign.us/home-trial to look like the home page at https://www.paulabacks.ca using the various tricks in pagebuilder?
The color in the right column connectin gwith the overlay in the top image and the image in the 2nd row overlapping into the left column is what I am looking to create.
You can see I tried but I'm obvioulsy missing some steps.

It would really be great if I could get a copy of this page https://www.joomshaper.com/page-builder/interactions so I could import it into a test site to inspect all of the possilbilities and apply them to my use.

Thanks

Accepted answer

Marked as the solution
Pavel
1 year ago

If I do that, the entire row is blue and not just the right colum.

Now I can’t find out why this was happening, since you all redid it. However, Row Fluid may not be a good decision for adaptability.

You did not need to use any settings in the columns. Only a gradient for the section. In my screenshot, you can see that it works.

13 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
1 year ago

Hi

Thanks for contacting us and sorry for your issue. Could you please give me a screenshot of your issue?

-Regards.

Mehtaz Afsana Borsha Staff
1 year ago

Hi

You can use this CSS in your custom.css file

#sppb-addon-1616483595962 img {
    max-width: 340px !important;
}
Dina Abramson Asked this
1 year ago · edited

I do not see the image overlapping the column to the left of it where the text is. In fact, I dont see any difference.

Dina Abramson Asked this
1 year ago

Thank you, but I can see you added a row with 2 columns. There is no overlay of the image in the right column over the left colum.
You can see in my sample page https://www.accountantswebdesign.us/images/sample.jpg where the background in the right side is blue and the left is green and that the image straddles the two columns. Almost like it is a div overtop of the columns.

Mehtaz Afsana Borsha Staff
1 year ago

Hello,

There is no option available by default for such feature and it requires modification. Unfortunately, we do not offer modification services. We wish to inform you, however, remain hopeful that you will be able accomplish that layout. Thank you for your understanding.

Best regards.

Dina Abramson Asked this
1 year ago

it is almost like the layout on your crafty template where ryou have an image overtop of the slider at the top and another further down the page.
Can that be modified into something like I am looking for?

Mehtaz Afsana Borsha Staff
1 year ago

You can try custom CSS on that. You can modify it.

Pavel
1 year ago · edited

The color in the right column connectin gwith the overlay in the top image and the image in the 2nd row overlapping into the left column is what I am looking to create. You can see I tried but I'm obvioulsy missing some steps.

Hi.

Support employees, as always, are "on top." 😱

Just place your content in columns without any background color settings, addon's custom width settings, custom CSS code.

For background color, use a linear gradient in the section settings.

This is exactly what is done on the site from your example

Log in to reply.