Tagged: enfold, partner/logo element
-
AuthorPosts
-
August 22, 2016 at 11:34 pm #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.
August 24, 2016 at 5:39 am #676767Hi jend_onesource,
Could you post a link to the site in question so that we can take a closer look please?
Thanks,
RikardAugust 24, 2016 at 4:59 pm #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.August 24, 2016 at 5:09 pm #677129Hi!
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,
YigitAugust 24, 2016 at 6:31 pm #677182One 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?
August 24, 2016 at 8:20 pm #677226Hi,
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,
VinayAugust 24, 2016 at 8:52 pm #677239The 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.
August 25, 2016 at 3:03 pm #677536Hi,
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,
YigitAugust 25, 2016 at 3:18 pm #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:
August 25, 2016 at 3:23 pm #677554Hi,
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,
YigitAugust 25, 2016 at 3:41 pm #677575Still no luck.
August 25, 2016 at 3:45 pm #677582Hi,
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,
YigitAugust 25, 2016 at 3:54 pm #677593You bet!
http://goo.gl/VMBvws
Decrease the amount of padding:
A. Top Padding
B. Left Padding
C. & D. Padding in between the columnsAugust 25, 2016 at 4:01 pm #677598Hi,
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,
YigitAugust 25, 2016 at 4:03 pm #677602That is better! Thank you!!
-
AuthorPosts
- The topic ‘Logos w/Links in footer’ is closed to new replies.