Tagged: x
-
AuthorPosts
-
January 24, 2017 at 2:56 pm #1343663
UTWebMarketingParticipantI need to change the featured images on the homepage, they are cropping and resizing.
I want them to just be one size without cropping and pixelating. I have gone through the supports forums and could not find a solution.
screenshot attachedJanuary 24, 2017 at 8:10 pm #1344117
Prasant RaiModeratorHello There,
Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.
Thanks.
January 25, 2017 at 9:07 am #1344751
UTWebMarketingParticipantThis reply has been marked as private.January 25, 2017 at 11:19 am #1344993
Nabeel AModeratorHi again,
Thank you for providing the URL. Your blog images are not loading on my end, have you changed or deleted the images? Can you please confirm if they are loading on your end?
Thanks!
January 25, 2017 at 12:41 pm #1345075
UTWebMarketingParticipantThis reply has been marked as private.January 25, 2017 at 4:57 pm #1345395
Rue NelModeratorHello There,
Thanks for updating in! To resolve this issue and make sure that the image will not be stretched out, you can add this under Custom > CSS in the Customizer.
.cs-content .x-recent-posts .x-recent-posts-img { background-size: inherit !important; }The output should look like this: http://prntscr.com/e0dgdf
Hope this helps.
January 26, 2017 at 9:52 am #1346477
UTWebMarketingParticipantthat worked Great Thank you.
can you help me with two more things?
1. how can I add a dark gray border inside of the picture box like I have on the homepage, it dosnt need to be that size, but a box within.
2. how can I remove just 1 of the arrows on the navigation. currently I removed all the arrows, but they still want to see one of the arrowsThanks again for you help
January 26, 2017 at 12:15 pm #1346630
RupokMemberHi there,
Thanks for writing back.
#1. You can add this CSS :
.x-recent-posts .entry-wrap { padding: 8px; } .x-recent-posts-img { border: 1px solid #333; }#2. For which item you want to show the arrow? Here is the example code to show arrow for “Resources” menu :
.x-navbar .desktop .x-nav li.menu-item-18587 > a > span::after { display: inline-block; }If you want to do it for another menu then just change the menu-item-18587.
Cheers!
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1343663 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
