Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #676078

    I followed this: https://kriesi.at/support/topic/logo-links-in-footer/

    Unfortunately, I can’t seem to size my images correctly. I need three logos in one of my footer columns. Two are square and 1 is rectangle. The rectangle almost always cuts off. No idea why. I’ve uploaded all square images 80×80 pixels. Thoughts?

    Secondly, using the Partner/Logo element applies a background to the images. I have a dark footer so I would prefer the images have no background. They were uploaded as pngs with no background so they should render fine. It has something to do with this Enfold element. It’s applying a tint to the background.

    #676767

    Hi jend_onesource,

    Could you post a link to the site in question so that we can take a closer look please?

    Thanks,
    Rikard

    #677122

    @Rikard
    I’m not going to publish it with the background of the logos looking the way it does. So giving you a link won’t do you any good. I’m happy to give Kriesi Support access to test on the backend.

    #677129

    Hi!

    I can only see three images in your footer column. Can you please insert the third one as well so we can see the issue?

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top .avia-smallarrow-slider  .slide-image, #top .avia-logo-element-container
    img { 
    background: transparent !important;
    }

    Best regards,
    Yigit

    #677182

    One of the issues I’m fighting with is our SSL certificate from GoDaddy. They give you a script which automatically generates the image and the link to the online certificate. Thoughts on how to enter this into a Partner/Logo Element?

    #677226

    Hi,

    Did you get any documentation or links to install the code provided by your host?

    Please try adding the code in the code block element and let us know if you have any questions.

    Best regards,
    Vinay

    #677239

    The workaround for the GoDaddy SSL seal was to download a logo from a Google search. From the script, I was able to get the url for the certificate. Wish there was another way around this. Not sure how to add a code block to the text element inside a footer widget.

    The CSS you provided seemed to do the trick! Thank you!! No more background.

    Is there any way to address the padding? There is a lot. Above, in between the columns, etc.

    #677536

    Hi,

    You can enable debugging mode to see shortcodes you have created in pages using Advanced Layout Builder – http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

    Or, You can switch to Default Editor and click on Magic Wand to see full list of shortcodes http://i.imgur.com/n4KXkdm.jpg
    then you can create any of them and copy/paste shortcode into any other content element or into text widget.

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    div .av_one_fourth {
        margin-left: 3%;
        width: 22.5%;
    }
    

    Best regards,
    Yigit

    #677550

    @Yigit
    I have debugging mode on. That’s how I’m getting the shortcode into the Widget for the footer. I tried to add the script from GoDaddy from the debugging mode code block but it didn’t work. It just added some of the script to the live page view.

    The CSS you gave to fix the padding, unfortunately did not work. See footer:

    #677554

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #footer .av_one_third {
        margin-left: 3%;
        width: 30.3%;
    }
    

    If that too does not help, please post a screenshot and show the changes you would like to make.

    You can go ahead and add the code into text widget as is and it should work.

    Best regards,
    Yigit

    #677575

    Still no luck.

    #677582

    Hi,

    Can we see a screenshot of changes you would like to make? Otherwise, we are going to keep on shooting in the dark :)

    Best regards,
    Yigit

    #677593

    You bet!
    http://goo.gl/VMBvws
    Decrease the amount of padding:
    A. Top Padding
    B. Left Padding
    C. & D. Padding in between the columns

    #677598

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #footer .avia-smallarrow-slider {
        margin-top: 0;
    }
    #footer .avia-smallarrow-slider img {
        margin-left: 0;
        margin-right: 5px;
    }
    #footer .slide-entry.flex_column {
        width: auto;
    }
    

    Best regards,
    Yigit

    #677602

    That is better! Thank you!!

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Logos w/Links in footer’ is closed to new replies.