Boxed content height

[George]

Hey,

I am trying to make a row with a boxed content asset and image asset and I want them to both be the same height, responsive.

I’m trying to emulate the blue box/image row on this website; https://donate.charitywater.org/donate/home

My site example is https://events.com.au/fast5-netball-world-series/

You can see the image on my site is not full width in the row and the boxed content doesn’t resize very well or stay centre.

What are the right settings to achieve the charitywater example?

You’ll need to login to see the private page example.

Thank you.

George

[Kyle – SUPPORT]

Hi

Use the Row asset, set the row bg to the blue color. Add a text box on the left side and an image on the right side. Set the row to full width

– Kyle

[Vanessa]

Hi!

I’m trying to do the same in my site: a row with a text box on the left side and an image on the right … But in the responsive visibility the image looks very disproportionate… and the rows are a messy.

Is any way to fix it? Or please can you tell me which stylesheet can i check?

Thank you in advance!

Vanessa

Attachments:

You must be logged in to view attached files.

[Vanessa]

Hi!

I’m trying to do the same in my site: a row with a text box on the left side and an image on the right … But in the responsive visibility the image looks very disproportionate… and the rows are a messy.

Is any way to fix it? Or please can you tell me which stylesheet can i check?

Thank you in advance!

Vanessa

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Vanessa what is the URL for your page?

– David.

[Vanessa]

This reply has been marked as private.

[David Martin – Support]

Hi,

In the responsive version, the rows and columns stack up. They do not keep the same layout as desktop as there is not enough space.

You can test adjusting the layout using this example CSS:

.page-id-6 .spb_content_element.col-sm-8, 
.page-id-6 .spb_content_element.col-sm-4 {
    width: 50%;
    float: left;
}

[George]

Hi David,

I cannot get this option to work, please see my example page here: https://events.com.au/formula-1-brazilian-grand-prix-2017/

The grey boxes are all different heights, could I add some kind of css class to the boxes that’s hidden for tablet/phone?

Cheers,

George

[David Martin – Support]

Hi George,

This does not seem related in any way. I see no content being used in the same way. Is this related to your other thread for the related items? http://www.swiftideas.com/forums/topic/recent-post-asset-archive-heights-and-layout/

[George]

Hi David,

You’re right, it’s not the same as original, I posted on the wrong thread.

The grey boxed asset content on this page: https://events.com.au/formula-1-brazilian-grand-prix-2017/ are not the same height, is there something I can do to force same height for the grey boxes? Or should I make a new thread for this?

Cheers,

George

[David Martin – Support]

Hi,

Please open a new thread, you also have another thread open – is this not related to your other open thread?