- This topic has 8 replies, 2 voices, and was last updated 6 years, 2 months ago by
.
-
Posts
-
Hi, I am looking for where I can edit the code that builds the link for the payment images at the bottom of your theme. It is apparent even with your demo that it is resizing the images to fit an stretching the originals images out. I am adding my own smaller greyed out images an don’t want them oversized as designed. I found the HTML code that is created an the culprit code in question, (style=”width: 153px;”). If I can get help from anyone on how to stop this style width from being created I can move on. Thanks
<div class=”single-list slick-slide slick-active” data-slick-index=”1″ aria-hidden=”false” style=”width: 153px;” tabindex=”0″>
Hello,
If you can provide us your site url, we will observe and can provide you possible solutions.
Thanks!
The website is being built offline so not possible to see my url. The images are the ones at the bottom of the front page. They are the four payment accepted images. Looking at your own demo on your own site they are oversized. I took a screenshot of your demo on my moble phone an the issue is extremely evident. This link should go to the image I had to post via Facebook. Image
Posting another image of the image info showing the theme is enlarging the original images. That is not how images should be handled.
You can use bigger size image or can you the following custom CSS,
.featured-entries-logo .single-item img{ width: auto; }Thanks!
Thanks an that did take the auto resize of the images, but the problem with the style tag is still there. The style tag is still creating the oversized block the images where set to fill. So now the images are the correct size but spaced out to far. So once again I need to bother you for where I might find where this block or line of code is being made. I don’t want to break other parts of the theme by changeing these general css tags so if I could edit the widget styleing.
I found the HTML code that is created an the culprit code in question, (style=”width: 153px;”). If I can get help from anyone on how to stop this style width from being created I can move on. Thanks
<div class=”single-list slick-slide slick-active” data-slick-index=”1″ aria-hidden=”false” style=”width: 153px;” tabindex=”0″>
That helped along with taking it out of carousel display, but then since I was using 6 payment images an there were only four columns it wrapped under. I have given up on trying to make it work with individual images an just finished pasting them together into one image an now they look right. Thanks for the support.
- The topic ‘Payment Images’ is closed to new replies.