-
Posts
-
Hi,
I like the enfold theme and I’m using it for my website, but tbh I’m finding it a bit tricky to find things and navigate around. I’m learning though and want to stick with it.
Right now, I’m writing an article and finding it easier to work in the Default editor than the advanced layout editor. However, I’m stuck on how to reduce the space between words and increase the space between paragraphs, images, and other elements. I’ve attached an image to show what I mean.
Can anyone help me out?
Thanks!Hey andersjensen055,
You can use a divider/white space element to increase space between elements. We can’t say why the text in the blue box is aligning like that unless we can actually inspect it on your site.
Best regards,
RikardHi Rikard,
I haven’t added any elements like that yet, as I’ve been using Default Editor therefore Im using blocks to create the space. It’s quite weird the space is needed everywhere in the blog post, since these issues haven’t appeared when I’ve used other editors or themes.I wanted to point out that the issue with the large spaces between words, is not just happening inside the blue block. It’s occurring throughout the entire article. Please take a look here and inspect the page, see if anything stands out to you?
Best,
AndersBut you use justification there, don’t you?
With justified text, that’s exactly what often happens, that there are unsightly word spacing. You will have the same problem in Word. In Word, a more or less intelligent word separation is set.so you have to decide now what to do if you set a text-block to justify.
By the way – how did you set this? because Tiny Editor does not offer – justified test.you can use hyphens or word-spacing f.e.:
p { text-align: justify; -webkit-hyphens: auto; hyphens: auto; }some css properties ( text-justify; word-spacing ) are not well supported by all browsers. see: https://css-tricks.com/almanac/properties/t/text-justify/
f.e.:
p { text-align: justify !important; -webkit-hyphens: auto; hyphens: auto !important; text-justify: distribute; word-spacing: -0.05em !important; text-align-last: left; }but i would not use everywhere a justification. So it is much better if you set a custom class to those texts that should be justified.
and use the custom class to specified text.btw – with the extra long words, which are separated unsightly, also a manually set “should break points” could be useful.
You can use for that the html entity:­
this is short for softhyphenation – in Word this is called conditional line break
and there is a nonbreakinghyphen entity too Link. for words like “on-page”, “off-page”Thanks a lot, Guenni007, for chipping in. Honestly, this one was tough to crack! In the end, I decided to go the straightforward route and aligned the text straight in the default editor, completely skipping the CSS part since that wasn’t getting me anywhere.
I’ve got some Kadence blocks on my site, and for some reason, aligning text in them just wasn’t working, even after trying out different CSS codes. So I just decided to scrap the block and use something else, or just avoid using them for now.
To get back to your question about the justified text – I honestly didn’t even notice it was justified until you pointed it out. And then it hit me, and I started looking for a fix on my own. I think the issue might have started when I imported text from Surfer SEO or another SEO platform, but I can’t be 100% sure. Even when I added text that I wrote myself or used some neutral text, it still ended up justified. So for now, I’ve just been selecting the text and aligning it to the left manually using the “align text” option.
It’s a bit of a workaround, but it’s what’s working for me right now. As a blogger aiming to attract substantial traffic through my articles, this situation is less than ideal. The readers need to find the content exciting and the design engaging. I’ve used Gutenberg and other editors before, and they’ve been fantastic. So, I was wondering, is there a way to use a different editor just for my blog posts? I like the advanced layout editor for other types of pages, but for blog posts, it’s just too limiting. If there’s a way to switch to Gutenberg or another editor for my blog posts, could you walk me through how to set that up? Thanks a ton!
Hi,
Thanks for the update. I’m not sure if I understand you correctly, but you can switch editors at any time using the big blue button at the top right when editing a post. If you want to use the WordPress Classic or Block editor, then that can be set in the main page of the theme options.
Best regards,
RikardHi Rikard, I was wondering if there’s an option to switch from the classic and block editors to Gutenberg or any other widely-used editors?
Hi,
If you are referring to other layout builders then no, the theme is only compatible with the default WordPress editors, and the built in theme Layout Builder.
Best regards,
RikardI’m back and, to be honest, feeling a bit frustrated with the Enfold theme for blogging. It’s turning out to be less flexible than I’d hoped, especially when it comes to content visuals. Despite trying with Kadence blocks and other plugins, I’m not getting the results I want within this theme. Right now, I’m facing an issue with text alignment in blog posts. I find myself manually aligning every piece of text and title, avoiding the use of blocks because I can’t get the alignment right. I did use a simple Table of Contents block, which aligns well on a desktop but not on mobile. I’m looking for a way to set text alignment consistently across all devices and would really appreciate it if a moderator could guide me on how to fix this quickly.
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
li { text-align: -webkit-left; }Best regards,
RikardThat didn’t work either. It appears that the string may not be correct, or is it just me? By the way, I’ve shared my website with you, could you check out the blog section on a phone or a smaller screen and see how the text alignment looks? It seems to be inconsistent throughout the blog and within the blog posts as well.
Hi,
Thanks for the feedback, for the blog page text that is justified, it looks like you have two threads open for the same topic, in your other thread a css solution was offered to correct the blog justified text, although you said it didn’t work, but when I test it seems to work.
Perhaps you have an error in your css such as a missing bracket, etc.
Try disabling your caching plugin, and then add this css to your WordPress ▸ Customize ▸ Additional CSS#top #wrap_all .fullsize .template-blog .post .entry-content-wrapper { text-align: left; }then clear your browser cache and if you are using a server cache please clear it also, and then check.
If this doesn’t help please include an admin login in the Private Content area so we can examine. Please leave your caching disabled while examine this.Best regards,
MikeHi,
Thanks for the login, when I check your WordPress ▸ Customize ▸ Additional CSS I see that you have a missing bracket before the css I posted, casuing an error:
I also found that your WP Rocket plugin is minifying the css & js and the theme is also minifying these files, sometimes this can cause errors, so I disabled the theme Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression
Now for both logged in and logged out the /blog/ page text is aligned left.
Please clear your browser cache and check.Best regards,
Mike
- You must be logged in to reply to this topic.