I just switched to X and all of my featured images on my blog post are huge. Can I change that quickly?
Also on my blog page (https://www.5losttogether.com/blog/) I would like just a small thumbnail and excerpt from the blog to show up. Right now I have a giant image and excerpt. How can I change that?
Thanks for your help!
Hello Dawn,
Thanks for writing in! To get your issue resolved, please go to X > Theme Options > Blog > Style. Select “Masonry” so that your post items will be displayed in a grid-like layout and the featured image will be a lot smaller.
We would love to know if this has worked for you. Thank you.
Thanks so much - that totally helped. I have some follow up questions.
I have been able to change the way my blog post index page displays posts/excerpts (masonry). However on certain pages I have displayed blog posts from one category (using classic recent posts and entering the category) and it displays the posts/excerpts in a different way and the only choice for modification seems to be horizontal vs vertical).
You can compare here:
https://www.5losttogether.com/blog/
https://www.5losttogether.com/family-travel-tips/
Is there a way to get them to display in masonry format and to display more than 4 (or at least have a link to display more?
Containers - I seem to have a line between my header and main content - can I remove that? Also is there a way to use a sidebar without a container?
Featured Photo on home page - I can’t seem to get it to display full width (the snowy one). Can you tell me what I am doing wrong.
Thanks so much for your help!
Hi Dawn,
Please find the answer to your questions below:
The two pages you mentioned are completely different in nature, the first one is the Blog page is showing the list of post in masonry format, whereas the second one is a normal template page which shows only a single post and the content of that specific post.
Can you please specify what do you mean by a line between the header and main content, also there is no option to make the sidebar out of the container.
I would suggest you make the featured image as a background image of the section and set the height to adjust it.
Hope it helps.
Thanks
Thanks appreciate the help.
I could also just direct them to a category. But I want to be able to create content on that page before a listing of the blog posts in that category. I also want to be able to control how the thumbnail/excerpts from that category are displayed. ie. make the image smaller. Is there a way to do this?
Eg. https://www.5losttogether.com/category/family-travel-tips/
Fixed this.
That worked, except I can’t figure out how to adjust the height?
Thank you so much!
Hi Dawn,
Add this code in the theme option’s custom CSS to change the width of the image.
.category .x-container .entry-featured {
max-width: 500px;
margin: 0 auto;
display: block;
}
To increase the height of the background image at the section you need to adjust the padding values of the section. Edit the section -> Go to Padding -> Add padding-top and the bottom value in VH .
The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.
Hope it helps you.
Thanks
Thank you. I am sorry about all the questions, but I thought the visual editor would make things easier for me since I am not a web designer. With my old theme, I had much more control over images.
I have tried adjusting the padding of the image (which is set up as a background of the section, as per earlier instructions). I still can’t get the image to be full width on a desktop and not zoomed in on mobile, when using the vh padding settings. You can see my site here and the problem with the image: https://www.5losttogether.com/ Right now it looks right on mobile, but on a desktop it is just a skinny slice of the photo. I have spent so long today trying to figure this out, so your help is very much appreciated.
As for wanting to control how the blog excerpt appears - is there no option to do this without CSS? I saw your note about reducing the image size, but I would like a layout for the blog posts more like this:
Maybe X is not the best choice for a blogger? Again apologies for the questions but I thought switching to a visual editor would be easier to use and I am finding it quite difficult to get the site looking the way I want it. Thank you for your help.
Hey Dawn,
We’re sorry for the wrong suggestion. Please use % instead of VH and only use the Top Padding. Set the sides and the bottom padding to 0. Increase the % value until all parts of your image are shown. This should expand the view of your image both on desktop and mobile.
Regarding the blog layout, regretfully, there’s no option yet. But, a Layout Builder will soon be added to our theme so you’ll be able to customize the blog and all archive and single pages.
Our themes are perfect for bloggers. It’s just maybe not what you expect in terms of design and functionality. With the soon coming Layout Builder, I believe this will no longer be a problem as you can build your design.
Hope that helps.
Thank you, thank you - that worked.
I appreciate hearing about the Layout Builder coming soon - sounds like that will be perfect for me.
Really appreciate your help.
Hi Dawn,
Great that it worked for you.
Thanks
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.