Payment Images - Acme Themes
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #27837
    scotth454
    Participant

    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″>

    #27854
    Acme Themes
    Keymaster

    Hello,

    If you can provide us your site url, we will observe and can provide you possible solutions.

    Thanks!

    #27856
    scotth454
    Participant

    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

    #27867
    scotth454
    Participant

    Posting another image of the image info showing the theme is enlarging the original images. That is not how images should be handled.

    stretched image

    #27874
    Acme Themes
    Keymaster

    You can use bigger size image or can you the following custom CSS,

    .featured-entries-logo .single-item img{
    	width: auto;
    }

    Thanks!

    #27940
    scotth454
    Participant

    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″>

    #27952
    Acme Themes
    Keymaster

    Please try this custom CSS.

    .featured-entries-logo .single-list {
    width: auto;
    }

    Thanks!

    #28004
    scotth454
    Participant

    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.

    Footer

    #28014
    Acme Themes
    Keymaster

    Great to know.

    Thanks!

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Payment Images’ is closed to new replies.