Thank you so much! This amazing. You guys are the best.

Obviously I have a bit to learn using the Google developer tools but thank you for sorting it out. I had tried to use the color wrapping before but it didn’t work and now I know why.

Again, I can’t thank you enough. I really appreciate it.
Have a great weekend!
Cheers,
Jeff

Hi,

That is what I have on the main page already.

Sorry to be curt, but sticking some text on the left, a picture on the right with a border around it shouldn’t be too hard. We’ve spent weeks going back and forth on a page that could be made with HTML in like 10 minutes. I thought using the CMS would be faster (and it will be better when the client wants to change the text.)

I have listed the main page below and an alternate page with one column as well. I was trying to align the image to the right using HTML and that won’t work.

This theme is really prolonging a simple project. Please let me know if you can help. I was one step away from what the client wanted – can you help with some specific instructions?

Thanks again for your previous help.

Hi,

Thank you – looks great! Again, thank you! Sorry about that missing bracket.

One more question – I promise! At around 1450 pixels, the picture slides into the left element.

Any way to block the picture from sliding over and overlapping the text, at less than 1450px but greater than the 768px that is in mobile view.

Again, I really appreciate your help. I had no idea that it was going to require so much code!
Thanks!
Jeff

Hi,

Thank you very much for your help! You are quick to get back to me and I really appreciate it.

It did not solve the border radius problem, however I was able to add back all the border lines (that are hidden in the middle on desktop) by using:

@media only screen and (max-width: 767px) {
.page-id-240 #av_section_1 .flex_column {
border-radius: 16px !important;
}
.left_column_with_border {
border-right: 1 !important; border-radius: 16px !important;}

.right_column_with_border {

border-left: 1 !important; border-radius: 16px !important;

}

This unfortunately didn’t override the settings I have in the two columns for border radius (but by adding border-right 1 to .left_column_with_border and border-left: 1 for .right_column_with_border)

It still defers to the border radius settings in each column set in the properties of each column.

Do you know what to do?

Thanks again for your assistance!
Jeff

Hi, Thank you for suggesting that

@atomcc: Try to wrap the css code inside a css media query so that the changes only apply to desktop view.

@media only screen and (min-width: 768px) {
/* Move css code here */

As you can see, it works – thank you!!!

However the border radius info (which I set for border in the element options) carries over to the bottom. Is there anyway I can round ALL the corners when on mobile, but obviously I don’t want to do that when on deskop.

Since the setting is a tick box in the element GUI, how do I round all the corners on mobile?

Also, is there a way of not having the image on the right hand side just drop to the next row underneath when the screen is smaller than 1280px? If I set the @media only screen and (min-width: 1280px) I get a weird border separating the two columns.

Thanks very much for your assistance, I appreciate it.
Jeff

• This reply was modified 3 years, 6 months ago by atomcc.