Hi,
The 6px is the padding for top & bottom, and the 0px is for left & right, so each line has it’s line height, plus a 6px padding for the bottom, and the next line has a 6px for the top plus it’s line height.
But the bullet line itself doesn’t add this padding when it is very long and wraps to a second line, in that case it’s only the line height.
I hope this makes sense.

I did a lot of research into the line brakes and found that the text element will not support these line brakes
I tested many “solutions” and the only one that works is to switch to the text tab and add this code:

<br class="custom-break" />

But I didn’t think you would want to do that, so I came up with a different solution. You could add the HR from the expanded toolbar, and we could add a css rule that whenever it is used inside the text element it will be transparent. This way if you want to use the HR element from the builder between other elements it will show.


This is the code we would add to your Quick CSS:

.av_textblock_section .avia_textblock hr {
    border: none transparent !important; 
}

We could also adjust the thickness of it to suit your needs.

Best regards,
Mike

Hi,
The spacing was created with this css:

.avia_textblock li {
padding: 6px 0px !important;
}

which adds top and bottom padding to the list lines. The code is in your Quick CSS and you can change it any time.
I will have to look into the extra [return] issue feather.

Best regards,
Mike

Hi,
I tried logging in, but I received an error that a Authentication Code has been to an email address.
Please disable this security check, so we can login to your site.

Best regards,
Mike

Hi,
Perhaps the Quick CSS rules need more specificity of the classes and ID’s, ending your rules with “!important;” also helps.
I recommend using a child theme for more reasons than css, such as adding filters and actions in the functions.php
If you are having problems with a certain css rule, we will be happy to look at it for you.

Best regards,
Mike

Hi,
Glad we could help, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Ok, I believe this spacing between the list items is closer to what your are looking for. This way you won’t to add extra lines with the [return] key.
Please note I had to take a screenshot of a different page that had enough text to create second lines in the list.

Best regards,
Mike

Hi,
The first one gives a error, but the second one doesn’t, it just reloads the prompt.
Do you have a plugin that blocks logins by country IP?

Best regards,
Mike

Hi,
Please included a link to your site and a admin login so we can see if there is a conflicting css that keeps the second snippet from working.
This snippet starts working at 200px, the smallest mobile screen is typically 325px, I wrote it like this to try to overcome current css rules and stop working at laptop screen sizes, where your other rules will pick up.
But I’ll be able to better evaluate once I can examine your site.

Best regards,
Mike

Hey entrepreneur41,
The issue is with the

<sup>®</sup>

causing the extra line height.
To correct, please try this code in the General Styling > Quick CSS field:

p sup {
line-height:18px !important; 
}

Or try adding it to WordPress > Customize > Additional CSS

Best regards,
Mike

Hi,
I see that you have posted your WordPress login, but it seems we will also need a another login first to get to the WP login.
Which menu item do you want to only show on the homepage mobile menu?

Best regards,
Mike

Hey baethes,
Please see our documentation for instructions

Best regards,
Mike

Hi,
When adding css in the style.css the merged styles is not rebuilt, to force this please re-save the theme settings, that is the big blue button at Enfold Theme Options. If the button is not allowing you to click it, add a blank space in the Enfold Theme Options > General Styling > Quick CSS field, then you can click the button.
Then clear your browser cache.
You should also disable Enfold Theme Options > Performance > JS & CSS file merging and compression, and any caching plugin until you are done building your site.

Best regards,
Mike

Hi,
1: I looked at your “H” tags to find inconsistencies but most of the “H” tags are “special heading” elements that had a overriding font size in the element, so your “advanced styling” is your base size, but a element can overwrite it if you use it’s font size option. Sorry, I couldn’t find the H4 in your screenshot.
Please note that there is a big difference in font sizes between “px” & “em” and mixing the two can give odd results.
px: Pixels are fixed-size unit.
em: is a scalable unit that changes with screen size.
So for your “p” tag you have 25px, with a line height of .7em which works out to 17px, so your text looks very tight, even a line height of 25px will look tight. Typically the rule is Line Height = Text Height x 1.62
Try thinking of MS Word and the line height of 1.5 is easier to read than 1.

2: The blog title is a H2 and the sidebar title is a H3, which match your “advanced styling” selections. But we can write rules for those elements if you let us know what you would like. I added this to your Enfold Theme Options > General Styling > Quick CSS field as an example:

h2.post-title a {
font-size: 30px !important; 
}
h3.widgettitle {
font-size: 20px !important;
}

3: Most of the spaces between lines of text within a paragraph are very small, as discussed above, which I will let you change to your liking, the few pages that were too big was because in your “advanced styling” you didn’t check the box “Alternate Content” I did this for you so they will all follow the same rules.
Except list items, which don’t have a “advanced styling” setting, but we can write a css rule for you once you decide on a line height.

4: The text in both boxes are the same font size, except the line height, which is because the bottom box is a list item, as talked about above.

I’m certain that we can add a couple of css rules for you to address these few points and then going forward you can add to your site without needing to address them again. As the top of the “advanced styling” page says it is a “beta” feature so it doesn’t have a option for every element yet. But we are always happy to assist any way we can.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
On my demo install the height of the container is determined by the text, and the height of the section is determined by the icon.
Please include the url to your page in question so we can take a closer look at your project for context.

Best regards,
Mike