Issues with Blog

Hi @kleaneatingwithkole,

Thanks so much for reaching out again! ??

1) This CSS should do the trick:

.widget-area-sidebar .search-submit {
    padding: 0;
}

2) This one you may have to get your host involved on…they should be able to check your error logs for you and let you know the exact server error that is showing up when this happens, that’ll tell us what’s happening to cause this issue.

3) The social sharing plugin you’re using is outputting inline styles (including a negative margin on the Pinterest icon) with the !important declaration, so that no one can override them. You may have to contact the plugin author to see how they would recommend dealing with this, unfortunately.

4) The Elara demo is using column 1 for all of the footer content…it looks like yours is currently spread out over several columns. There may be some formatting issues to adjust, but the first step would be to place all of your footer widgets in the first column and empty the other columns, then if it needs any tweaking, just let us know.

5) This should be what you’re looking for:
https://help.lyrathemes.com/collection/364-instagram-widget

6) It looks like there are a lot of empty paragraphs in your About Me widget, I would remove the extras, and then see if you still need to tighten things up. If so, let us know and we can help with some CSS at that point.

Thanks again, best of luck with your site!

(Issue #1) Where exactly do I go to input the new code for the disoriented search bar?

(Issue #4) I erased everything from the columns, but that section still isn’t centered. What should I do next?

(Issue #6) Okay, so I tried to fix the spacing on my about me widget, but I am getting an error that says “tag missing: [ </center?</p ], open” tag match failed [ <center> ] on line 5″ … (are you able to just use the admin account again and manually fix it? I have no idea how to do it)

(Issue #5) I downloaded the social plugin, but I’m not sure what file to upload because it is not a zip folder. Any direction?

1) Sorry about that, you can enter this CSS in Appearance > Customize > Additional CSS.

4) Do you have example content enabled or disabled? If it’s enabled it may still show a five column setup. You can check it and disable it if you need to under Appearance > Customize > General Settings.

5) You should be able to install this plugin without downloading anything, if you go to Plugins > Add New, you can search and install it from there.

6) Could you check this and see if it looks like what you wanted now?

Thanks again!

Issue #1 – FIXED, thank you!
Issue #4 – FIXED, thank you!
Issue #6 – FIXED, thank you!

As far as the font goes, how can I change it to wear the font of my footer looks like the demo?

Also, I’ve now finally configured the blog post to how I want it, is there a reason why the thumbnail picture doesn’t show consistently? Is there a way to have a picture for the thumbnail show what the post is about without adding it as a featured image? I’d rather my picture be in the body of the paragraph and not as this HUGE picture when you click on the post.

Are you referring to the category links in the footer? If so, you can use this CSS to change the font size:

.widget-area .widget_categories li a {
    font-size: 16px;
}

If that’s not what you were referring to, just let me know exactly what you’re hoping to change and I can help out with it. Thanks!

Awesome! That CSS code worked. Now, my final issue is that the thumbnail for the homepage is working, but on the sidebar widget, the thumbnail is distorted. Are you able to log back in my account and see what the issue might be>?

For example, on the ELARA demo, the thumbnail picture on the homepage is different than the featured image on the actual post. How is that so?

It looks like the Recent Posts plugin you’re using for the sidebar widget includes an option for selecting what size image to display there- you can try using some of the other available sizes in the drop down to see which size you like best. If you open the widget, it’s under “Thumbnail Settings”.

About the demo images, they’re using a custom setup for demo content, typically in Elara the thumbnail displayed on the home page is just a cropped version of the same featured image that’s displayed on the actual post.

It does look like the featured image on your post is being scaled up to fill the full post width, if you’d like to prevent this from happening, you can use the following CSS in Appearance > Customize > Additional CSS:

.single .entry-thumb img {
    width: auto;
    margin: 0 auto;
}

If you need anything else, just let us know!

Thank you! The additional CSS works.

I did try and change the size and it still looks quite off. Do you recommend another plug-in I can use for the “recent post” section?

I believe that plugin actually includes a couple of fields where you can specify the exact dimensions you’d like used, so it should be possible to set it exactly the way you’d like it. If you select “Specified width and height” in the drop down, then you can enter the exact size in the fields below.

Hope this helps! ??

Could you give me a couple of dimension options to try out?

Also, how can I remove the sidebar widget on the homepage but not on any other pages? I like how on the demo theme, the homepage is only blog posts, but on other pages, the about me widget is on the right.

I’d be happy to give some dimensions, but I don’t really have even a ballpark idea of the look you’re after…do you think you could include a link to a site/page that has something similar to what you would like?

This explains how to remove the sidebar from the blog feed, it should do the trick for you:
https://help.lyrathemes.com/article/94-blog-feed-sidebar