Site logo

Archived topic

Paragraph breaks on mobile not working, does work with twenty twenty

10 replies · Started by King on February 22, 2022

Viewing posts 1–11 of 11

Hi, I'm on 3.1.3 and 2.1.2 and when I switch themes the mobile paragraph breaks return, but going back to GP the formatting is gone. What to do? I've cleared cache and disabled plugins. The problem is solved when switching themes. Thanks

no need. just go on your phone to thecashstashers.com and select a post. you'll see. when i switched themes to 20/20 the spacing and formatting was restored, switching back to GP and it was gone again. thanks.

Looking at your site, I'm not sure what you mean by mobile paragraph breaks return.

Do you mean there's no margin between each paragraph?

If so, it's the mobile setting in elementor:
https://www.screencast.com/t/gRUrccOA7L

Let me know if I miss anything.

Right, there is no margin between paragraphs. In 20/20 theme there is but in GP there isn't. Changing themes shouldn't change the settings. I really don't know where that setting is on my backend though.

I'm on with elementor support but they're hit or miss.

Hi Cody,

The CSS Ying indicated on her screenshot is actually a custom CSS:

This CSS -

.elementor-kit-1196 p {
    margin-bottom: 0;
}

-is manually added through Appearance > Customize > Additional CSS.

Consider removing it and apply margin-bottom: 0; on specific elements you don't want margins on.

Consider removing it and putting the same CSS code on it? Problem is I don't know how to find that custom CSS and add a bottom margin, where it lives, where to change it. Elementor is usually a slider or some value it isn't manual in nature. Not sure if you've used it or not. I just want my paragraphs to have breaks between them like they did before this dev went in and changed it. Can you tell me where to change that value? Thanks

Problem is I don’t know how to find that custom CSS and add a bottom margin,

It's on Appearance > Customize > Additional CSS. The UI looks like this - https://share.getcloudapp.com/12u02Ggd

All of Elementor's widgets have margin and padding settings. While you can set it up for each elementor widget, it may not work because the custom CSS added on your site might override them so its best to remove the custom CSS first.

Can you tell me where to change that value?

The removal of the custom CSS I've mentioned is the proper way to go about it. It's messing w/ the default margin-bottom.

That did it. I added 20px to the bottom. Why in the world did he put 0px margins? Oh well,looks like the margins are adequate now. One day I'll know how to do this myself. Thanks Elvin.

No problem. Glad to be of any help. :D

This archived topic is closed to new replies.