I’m really frustrated by this issue.
Here’s what I’ve found, after countless hours… When the retina images load, they are expanding to 100% the width of their container. When in non-retina, the image retains its intended size.
The only fix I can find, is to manually set the height of every single image I place on my site in the quick css, as follows:
#about-ces .avia-image-container img{
height: 337px !important;
}
When I look at it under Chrome’s css inspector, the offending code seems to be that base.css is setting “height:auto”, and when I turn that segment off in the inspector, the images all shrink down to their appropriate size. The code inspector lists the setting in:
media=”screen”
img, a img {
border: none;
padding: 0;
margin: 0;
display: inline block:
max-width: 100%;
height: auto;
image rendering: optimizeQuality;
}
And when I turn off the “height: auto” setting, it works.
Can Devin, Kriesi, or someone help me find a global fix to this please? Thanks.
Ok. Now how about the mobile css of the footer widget? The footer widgets are aligned to the left and there is alot of padding between the footer widgets on mobile devices.
I would like to center the alignment and remove or reduce the padding of the footer widgets.
Also how do I remove Enfold Theme by Kriesi from the socket?
You are welcome, glad we could help :)
Regards,
Josue
You guys rock! Problem Solved.
Thank you,
You are welcome, glad we could help :)
Regards,
Josue
Thanks you guys! I got it to work. Very cool.
This reply has been marked as private.
Hey!
Try adding this code to the Quick CSS:
#cta .container, #cta p, #cta .flex_column{
margin: 0;
width: 100%;
}
#cta .flex_column{
width: 33.33% !important;
}
#cta .content {
padding: 0;
}
Cheers!
Josue
Hi!
You could try doing this:
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
And then add this to the Quick CSS:
.custom_avia_text_block{
background: transparent !important;
}
custom_avia_text_block would be the class applied to the Text block in question.
Regards,
Josue
Also noticed there are alternating row colors in tables that I did not put in here: http://www.finalsmoke.net/order-form-1/
Enfold is doing some complex overriding of tables and input fields somewhere.
My css for tables (below), is not really being obeyed, nor is my css for input fields.
#fstable table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border-color: #000;
border-width: 2px;
outline: 0;
width: 285px;
font-size: 100%;
vertical-align: baseline;
border-collapse: True;
background: none;
}
Can you please show me how to counteract what Enfold is doing with tables and input fields so my own styles will come through?
Thanks.
This reply has been marked as private.
Hey again guys,
How can we get rid of the default padding of a column so the content within fills it entirely. Additionally, how can we remove the margins in between each? I am working to achieve the 3 two-tone call to action boxes found here (under slider)
http://imgur.com/Eoc8hMe
This will be at – http://codelessme.com/jacqueline
Thanks in advance
It doesn’t seem to matter where I put this, in Quick CSS or in Enfold Child CSS, it never seems to remove the #of comments or the “uncategorized” elements from the top of my posts. Any ideas? I have cleared the cache several times and used different browsers….
UPDATE: I found the issue. My login plugin (http://userproplugin.com/) conflicts with Enfold. My question now is there any way around this? It must load some offending javascript but I am afraid I am not much of a coder so I may have to find a new plugin.
Any advice is appreciated. Perhaps a login plugin that is thoroughly tested with Enfold?
Hello,
I’d like my main menu to open up and show all of the submenu items the way this does:
http://kriesi.at/themedemo/?theme=enfold. Please Hover over “PAGES” to see what I mean, I would like to be able to create columns as shown in the example.
Any direction much appreciated.
I checked this post https://kriesi.at/support/topic/submenu-4/#post-229289 but wasn’t sure if this was the same issue.
Thanks,
W
Hi guys –
How do we make it so the social icons in the upper left at http://codelessme.com/jacqueline/ look like this – http://imgur.com/Eoc8hMe
This includes keeping the colored circular background visible at all times.
Thanks in advance.
Tried to read other posts to figure this out from other posts. Don’t get it.
I am trying to add the same line of social icons that are in the header to a column in the footer, with no success…lol…
I was thinking i could ad the code to a text widget? Maybe not…
Any suggestions would be appreciated.
I would love to see a sold badge. I would like it to show up on the shop page (product archive pages) as well as the individual product page.
Hi!
Please go to Enfold theme options > Header and choose to display “Header with social icons and bottom navigation” type of header then add following code to Quick CSS in Enfold theme options under Styling tab
div .logo { left: 40%; }
Regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#menu-item-3046 > a {
color: #98bf0d;
}
Regards,
Yigit
Hi mrtechnique!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 479px) {
.responsive #socket .sub_menu_socket {
display: block;
}}
@media only screen and (max-width: 767px) {
#socket .sub_menu_socket li {
padding: 0 5px; }}
Regards,
Yigit
we are using the enfold theme, I am trying to put the google tracking code in the themes framework class-form-generator.php as was instructed for the choices theme. https://kriesi.at/support/topic/adding-event-tracking-to-choices-contact-form/ When we make the changes, our website crashes. Please help.
This reply has been marked as private.
Every time I go into edit a text section I am finding that Enfold has added additional page breaks “<br/>”. This is especially true in front of tables where it will add as many as 4 or 5 extra page breaks. The theme has done this since the moment I installed it. I tried installing a plugin which would keep the html formatting (instead of losing html when I switch back and forth between WYSWIG and source but that didn’t help either. Even if I don’t move between WYSWIG and source editing it still adds the extra break tags. Is there a fix for this?
-
This topic was modified 12 years ago by
waterwalk.
This reply has been marked as private.
Hi enfold-team,
Hi everyone,
for child-theme development purposes I often use this code-snippet in my functions.php to detect which template file is actually used.
add_action('wp_head', 'phx_show_template');
function phx_show_template() {
global $template;
var_dump($template);
}
Unfortunately the template variable is either NULL or empty. I would appreciate any idea why that’s the case or any suggestion to display the used template file on a different way.
Many thanks
Rob
-
This topic was modified 12 years ago by
5plus5.
I’m not refering to favicon. Avia has a set of icons that you can select to appear on the left of a list (see http://imgur.com/77KDfeI and http://imgur.com/MngffxL).
What I want to know is in which file these icons are stored and how to add a new one so that I can select it to make it appear on the left of a new list)
Hi!
You are welcome!
Yes, when you update the theme header.php file would be overwritten. Best option is Using a Child Theme
Regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.content .entry-content-wrapper {
overflow: hidden;
}
Best regards,
Yigit