Dawn theme - blog post - featured image too big and overlapping the top menu

Store Design
1

Hi,

Does anyone know how to significantly scale down the blog post featured image without cropping it and move it below the top navigation menu so that it doesn’t overlap with the menu?

(I have already tried customization options in the theme editor; they didn’t help much)

Myellagroup_0-1641428418948.png
Myellagroup_0-1641428418948.png598×607 175 KB

Thanks

2

Hi @Myellagroup ,

Go to Assets > section-blog-post.css and paste this at the bottom of the file:

.article-template{
	margin-top: 85px !important;
}
.article-template .media{
	background: transparent !important;
    padding-bottom: 0 !important;
}
.article-template .media img{
	max-width: 65% !important;
    position: relative !important;
    margin: auto !important;
}
@media screen and (max-width: 749px) {
	.article-template .media img{
		max-width: 100% !important;
		position: relative !important;
	}
}

You can change 65% to your liking, it will help to zoom in or zoom out the image.

Hope it helps!

3

Hi @LitCommerce

Thanks! It worked.

Also, wondering if there’s a way to display it as a landscape version covering the page from left to right ?

To do this I tried uploading a landscape image with more wood background on the sides (with the t-shirt in the middle; doubling the width on the image creator but same image height), however, it still displayed as a square.

Thanks

4

Hi @Myellagroup ,

Can you create a new question and send me the link?

Because it will help more people to be able to find the solution to the 2nd question.

Thank you.

5

somehow it doesn’t work (nothing is different) for me, any other ideas?

6

my site www.fixheadrest.com

7

Did you got solution for this? I did per instuctions, but I still need to reduce photo size in landscape direction

8

Hi @BPCo .

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.

9

I was having this issue in Sense theme as well. This worked. Thank you!