Great thanks, this worked :)

@guenni007 thank you so much! :)

Documentation is here under “full width featured image” https://kriesi.at/documentation/enfold/blog-post/

I also need assistance on this thread if you can help: https://kriesi.at/support/topic/how-can-i-center-align-this-social-bookmarks-widget/

Can someone please help me with this

Wonderful thank you so much it looks great now! :D You can close this thread :)

Also, I tried adding the Pinterest icon by just copying this code. Unfortunately it just added a second Instagram icon. Why is that? This is the full code. All show up correctly except Pinterest:

<ul class="noLightbox social_bookmarks icon_count_2"><li class="social_bookmarks_twitter av-social-link-twitter social_icon_1"><a target="_blank" href="http://twitter.com" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Twitter"><span class="avia_hidden_link_text">Twitter</span></a></li><li class="social_bookmarks_facebook av-social-link-facebook social_icon_2"><a target="_blank" href="http://facebook.com" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Facebook"><span class="avia_hidden_link_text">Facebook</span></a></li>
<li class="social_bookmarks_instagram av-social-link-instagram social_icon_2"><a target="_blank" href="http://instagram.com" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Instagram"><span class="avia_hidden_link_text">Instagram</span></a></li>
<li class="social_bookmarks_pinterest av-social-link-pinterest social_icon_2"><a target="_blank" href="http://pinterest.com" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Pinterest"><span class="avia_hidden_link_text">Pinterest</span></a></li>
</ul>

I’ve linked to what it looks like on my “blog” page vs. what it looks like in Lightroom. The featured image slider that it is using is 1500×430 which is the size I want. I exported/ uploaded the image to my media library at 1500 px weidth but it seems to have been compressed. What should I upload as to get the same sharpness as Lightroom?

I was actually able to do this via the blog post documentation to make the featured image full width. It worked well but now the images are very long. This was the code I used:

}
#top.single .container {
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

#top.single .content {
  padding-top: 0 !important;
}

I’ve now disabled the cache and the images still won’t enlarge. Can you please help me with this further? The main places where I want the images to be larger are on the homepage and in the “blog” page. Both of those use the “blog post slider” element.

This page linked below: I like the size of the featured image, but it’s not crystal clear like how it is in lightroom. What should I size it and upload it as so it stays this size and looks good?

Thank you this worked for centering.

Now Can you please help me increase the icon size and make it half way in between “Follow Me” and “Countries”

screen shot provided of what it looks like now.

Thank you!

• This reply was modified 3 years, 11 months ago by samanthashea.

1.Thank you, the 13 famous places post looks good.

2. As for the H1, I’m hoping you can look into this further. I used the “advanced styling” tab, edited the H1 element to 48 px. This shows up in mobile view, but not in desktop. Is there something overriding this code?

The first Screen shots attached shows how first it looks in mobile and the second in desktop. I would prefer for it to be larger than 30px actually. There is nothing I’m aware of in Quick CSS that would override this so I’m very confused. I also added the screen shot of where I changed the font in advanced styling.

3. The code I used to make the header images full width above the comment was found in the blog post documentation, “make featured image cull width”. I used this:

#top.single .container {
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

#top.single .content {
  padding-top: 0 !important;
}

The width is great, but I’d prefer the height to be a bit shorter.

4. Also I just added the code for moving the caption and nothing changed. I even added the important tag and nothing. I was having a lot of success with quick css but now I feel that nothing changes. Is there something wrong or is there a line of code in there that is causing problems? I disabled Autoptimize.

I’m going to post the access link again so you can check into it.

• This reply was modified 3 years, 11 months ago by samanthashea.

Also on this page can you please help me move up the caption so it is above the structure in the slider image. I just want this done for this page. Page is here:

i deleted the code and tried to change H1 in Advanced editing and nothing changed. This doesn’t make any sense whatsoever

I managed to use the documentation to adjust the featured image in blog posts to be full screen. However the length is a bit long for me. How can I make it smaller?