Hi and thank you for contacting us.
In order to center the title above the featured image, please add this to Customize -> Additional CSS
h1.entry-title {
text-align: center;
}
As far as I can tell, the image itself on any individula page is already centered. If you’re referring to http://cassidyalexa.com/2017/12/31/the-magic-of-elfing/ it is most likely caused by centering image left in the post editor.
Regarding that error message, could you please tell me where exactly you’re getting it?
I do not want to update my css for fear of site breaking due to error message. I can email you the image of the message if you’d like. The warning in the editor in dashboard says:
There is 1 error which must be fixed before you can update this file.
Update anyway, even though it might break your site?
The ‘x’ is next to:
587: .woocommerce-info::before { color: #66; }
And there are exclamation marks next to A LOT of the numbers (is that bad?)
I.e.:
51: .block-title span:after{content:””;position:absolute;left:0;top:50%;margin-top:-2px;width:20px;height:4px;border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4}
101:.gallery {margin: 0 -1.1666667% 1.75em;}
.gallery-item { display: inline-block; max-width: 33.33%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%; }
134: bootstrap-select > .btn{border-color:#f1f1f1;background-color:#fafafa;color:#545454;padding:6px 12px;height:34px;font-size:12px;font-style:italic;text-transform:none}
And many more exclamations next to other numbers.
I also want to make it so that in the blog feed the title comes BEFORE the featured image. And so that the post titles are a little larger than they are now. I would like to have an option to either center or left the feature image, and the option to hide or show it.
Also in my ‘social’ widget at the bottom id like to make the twitter,facebook, instagram icons larger.
I also want to be able to have the option on individual posts to have the sidebar either visibile or invisible. I also want to make the text size of the CREATURES, EXPLAIN etc. On the right larger.
Ok, I’ll try to explain some things and offer some solutions.
First thing first. You’re trying to edit theme’s CSS file directly and that’s a bad idea. First, you might break something in the layout and second, once the theme gets updated all those changes will get lost.
That’s why you should always make CSS changes using Customize -> Additional CSS.
Now to help you out with some of your customization requests.
In order to make social icons bigger, please add this to Customize -> Additional CSS
.widget ul > li > a, .widget ul > li > span > a {
font-size: 18px;
}
To increase the size of titles in the sidebar add this:
.widget ul > li > a, .widget ul > li > span > a {
font-size: 20px;
}
And to increase the font size of blog posts titles, use this:
h3 {
font-size: 16px;
}
In all three cases, adjust the px value as you feel like.
The most of your other customisation requests would require a direct change of theme files.
Could you try this and let me know how it goes?
Ok so actually I don’t want to change the way it looks right now. I want to make sure it doesn’t break. How can i just keep it the way it looks? I already edited some stuff and i guess broke it somehow. But im not sure if it even updated.
My site is http://www.cassidyalexa.com how do i ensure it stays the way it looks now? I dont know if any of my updating even worked… i am just so scared now to update because i dont remember what i did.. all i know is that the error message tells me not to update… but i want to fix whatever is broken. How do i now update it and ensure that it doesn’t break? And ensure that it looks the exact same as it does now?
Hi @cassidyalexa,
If you did any changes to Kale style.css file you will loose them after next theme update.
Please, contact us via our support system here: https://www.lyrathemes.com/support/. We are not allowed to ask for your site’s details here, which would let us help you out.
Kind regards
