Tagged: featured image
Hi friends:
Could you please help me?
Actually my Blog page looks like image 1, and I would like as image 2.
Thanks.
Jose Ramon
Hey jgarciamel,
Could you provide us with a link to the site in question so that we can take a closer look please?
Thanks,
Rikard
Of course Rikard!
If you allow me, I would like to ask you another question regarding home page appearance in a smartphone: in portrait is well, but in landscape appears croped, as you can see in the image. Do you have any idea to improve it? (I include my copy of screen of the smartphone).
Thank you so much.
Jose Ramon
Hi!
1.) Add this in the Quick CSS field to change the layout of the blog:
.template-page .big-preview {
width: auto;
position: absolute;
}
.flex_column .template-blog .post .entry-content-wrapper {
padding-left: 160px;
}
2.) Try to edit the slider image then set the Image Position to “Center Center”.
Cheers!
Ismael
Hi Ismael!
1.) Perfect!! 100%
2.) Better, but still not 100%. I fitted the image centred centred and these are the results:
– In the laptop before looks well, but now the image is cropped on top.
– In the smartphone, portrait’s position, almost goes out the complete image. It is cropped a bit for the sides.
Thanks for your help.
Jose Ramon
Hey!
2.) Try to control it with this code for mobile:
@media only screen and (max-device-width: 736px) {
li.av-single-slide.slide-1.active-slide {
background-size: 193%;
background-position: 47% 0% !important;
}}
and adjust as needed.
Regards,
Andy
Hi Andy!
Now seems to be ok. Only on Adroid the image was repeating, but I’ve added:
background-repeat: no-repeat;
at the end and now it’s very well. Now my project is finished.
Thank you for the help to all of you.
José Ramón
Hey!
glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.
Regards,
Andy