Hi thecontemporaryteacher.
Thank you for contacting us and for using our theme. We appreciate it.
Half an inch doesn’t mean much in the world of different screen sizes but I think I understand what you’re trying to do. How to do it greatly depends upon your website layout, and since the website is currently behind “Coming soon” page, it is tough one to answer.
Could you therefore go to http://demo.lyrathemes.com/kale/ find the page that looks like yours and post it in your reply? Then I’ll try to come up with some CSS.
Kind regards.
Hi!
Thank you for your response. Looking at the demo, I think this one looks the most like mine: http://demo.lyrathemes.com/kale/2016/06/12/taking-slice-of-homemade-pizza/. The only difference is that my sidebar seems more compact. I vaguely remember finding a button that let me choose between 2 different size sidebars & I chose a skinnier one. Of course, now when I go back to look for how I did that, I have no clue if that’s true. But it does seem skinnier than the sidebar in the demo link I shared. Oh, & I don’t have a pika-dot background…my entire screen is 1 seamless white background.
Hopefully that makes sense. If not, let me know!
Thank you, thank you!!!
Yes, there’s the setting to make the sidebar compact. Thanks for the link, if I understood you correctly, please try to add this to Appearance -> Customize -> Additional CSS:
.single-post .main-column.col-md-9 {
padding-right: 50px;
padding-left: 20px;
}
Adjust the left and right padding values until you reach the wanted distance.
Hope this helps and feel free to ask any additional questions regarding this.
Kind regards.
Oh my gosh! Yes, Thank you!!!! That worked perfectly!
As I did that, I realized I have another question regarding the post. I’m not sure if it has to do with padding or just the text alignment.
In the post content, I noticed the text just goes to the next line when it runs out of space.
As a result, it looks like this:
“So I went to the store, bought some ingredients like sugar, brown sugar, and orange juice. Then I went to the other store and bought baking materials like a pan, utensils, and etc. Then I went home and started to bake the cake. It is a birthday cake I hope the birthday girl really likes cake!”
^^See how on the right hand side of the text, the lines don’t line up. Some lines are longer than others, etc.
I want to make it so that the lines all line up on both the left & right side. I tried using the button that aligns the left side & then the button the aligns the right side…but it doesn’t work because I want to align both sides. So that the text looks like the entire body of the post fits in a nice, neat, & tidy rectangular invisable box. If this description is confusing, I can look online to see if I can find an example.
Just let me know!
Thank you, thank you!!
You can easily achieve that if you install TinyMCE Advanced plugin – https://ww.wp.xz.cn/plugins/tinymce-advanced/
Then you need to go to its settings and you’ll find “Justify” button, among others. Just drag it to the editor and there you go. 🙂
TinyMCE has many more options that you might find useful.
Hope this helps but if you have any additional questions, feel free to ask.
Kind regards.
Oh, thank you, thank you!!
I used that plug in, which allowed me to justify the text.
When I did that, it seems to have messed with the “simple drop cap” plugin I was using. Do you happen to know of a way to get both the plugin/widgets to work? I looked in the TinyMCE plugin to see if that plugin could also do a drop cap, in which case I could delete the “simple drop cap” plugin but I cannot find a way…
Any suggestions?
Thank you, thank you!!!
@thecontemporaryteacher You’re welcome! For the drop cap issue, I think it would be best if you could share a screenshot so we can be sure what’s going on here.
While looking for something else I’ve just stumbled upon this plugin – https://ww.wp.xz.cn/plugins/superpack/ that claims to have a drop cap support, among other things.
Give it a try, maybe it will work OK with TinyMCE. The one you used hasn’t been updated for quite some time.
Kind regards.
I got it to work! Thank you so much!! I truly appreciate your time & willingness to help!!
Glad to read that it was helpful. 🙂
Could you please mark this thread as “Resolved”?
Thank you for your time.
Yes, I did 🙂
Thanks again!
I really like how changing in the padding around the blog post looks. I would like to play around with doing this to the whole site. Meaning increase the padding for the header, footer, sidebars, etc. So that there is a larger edge or border around the site. I was wondering if there was 1 simply additional CSS I could add that would do this or do I need to do it for each section – footer, header, etc.
Just let me know!
Again, I truly appreciate your help!!
Hi there,
I’m not sure if this is what you want but you can add right and letf padding to all main wrapper by adding this style to Appearance → Customize → Additional CSS:
@media (min-width: 1500px) {
body.custom-background .main-wrapper{width: 1440px;}
}
Please note that this code will work for large screen.
Kind regards
