Crafty latest posts and footer

[rgauer]

Hi, folks!

I just did a fresh install of the Crafty site design and a few things haven’t come out of the box as in the demo.

Can you please help me with a quick fix for thes two layout fixes:

1. the latest posts widget is overlaying an icon and has borders, instead of bringing the shadow with no borders
2. the footer is filling the entire width of the page and I wasn’t able to find where to fix this.

Best regards,

[rgauer]

By the way, this is the site where I’m working.

https://blog.casa37.com.br/

Thanks

[rgauer]

Oh, and finally, I also think that the size/aspect of the latest posts widget works best also in the demo (https://demo.theme.co/crafty/).

Is there a way to change this too?

Thanks again and sorry for the multiple messages.

[marc_a]

Hi @rgauer,

Thanks for reaching out!

Just for future topics, self responding or bumping your post pushes it back in our Queue system so it takes longer to respond to.

1.) the latest posts widget is overlaying an icon and has borders, instead of bringing the shadow with no borders

• In the default Crafty Install, the latest posts widget doesn’t have any box-shadow but when hovered/mouseover it has a box-shadow. The reason why the box-shadow when hovered the latest post is not showing because you remove the custom CSS code in your Pro > Theme Options > CSS.

This is the code I am referring to:

.entry-product:hover,
.blog .x-main.full > article:not(:first-child):hover,
body .x-recent-posts a:hover {
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.02),
              0 6.7px 5.3px rgba(0, 0, 0, 0.028),
              0 12.5px 10px rgba(0, 0, 0, 0.035),
              0 22.3px 17.9px rgba(0, 0, 0, 0.042),
              0 41.8px 33.4px rgba(0, 0, 0, 0.05),
              0 100px 80px rgba(0, 0, 0, 0.07);
}

2.) the footer is filling the entire width of the page and I wasn’t able to find where to fix this.

• I am not quite sure about this issue because when I check your website you are currently working, the footer is just boxed the same with the content and header. If you are referring to something else, please let us know.

This is what I am seeing in your footer:

Hope that helps.

Thank you.