Hi,
Please remove the counters, they are destroying the responsive layout, shrink your browser to size of a mobile phone and you will see what I mean. Plus they look cheap compared to the nice art you have. http://www.clipular.com/c?10772149=m_QwMs071q99Vj_D1eF4bTXG-hA&f=.png
Please add this css to your /css/custom.css file to fix the empty space OR put it in your Quick CSS located in Enfold > Theme Options > Layout Styling… the text box at bottom of page:
.responsive .container .twelve.units {
top: -49px;
Thanks,
Nick
This is probably a problem with the wpautop filter. A quick temp. solution would be to remove it. Open up wp-contentthemesenfoldconfig-templatebuilderavia-shortcodestextblock.php and replace
return "<div class='avia_textblock'>".wpautop( ShortcodeHelper::avia_remove_autop($content) )."</div>";
with
return "<div class='avia_textblock'>".ShortcodeHelper::avia_remove_autop($content)."</div>";
Ismael, I still haven’t gotten any answer from Kriesi about this matter https://kriesi.at/support/topic/quform-not-working?replies=5#post-124415
I have my client waiting.
Sincerely,
Mika
The width of the blog is limited to 600px. If you want to expand it use following css code
#top .fullsize .template-blog .post .entry-content > * {
max-width: 900px;
}
#top .fullsize .template-blog .post .entry-content {
max-width: 900px;
}
Obviously you can use a different width value too :)
I’d recommend to try it. 1.8.1 contains several improvements. We didn’t include a “fix” regarding this issue simply because we can’t reproduce it on our servers and no other user reported it so far. I even can’t reproduce it on your website: http://www.screenr.com/riWH
Hi,
Please post the translation link here. :)
Regards,
Ismael
Hi,
Just add this on your custom.css or Quick cSS
.single .big-preview.single-big {
display: none;
}
Regards,
Ismael
Hey!
Try to use !important tags like
.cart_dropdown.visible_cart {
display: none !important;
}
#top.logged-in .cart_dropdown.visible_cart {
right: -2px;
display: block !important;
}
Regards,
Peter
Hey!
Try following code instead:
.fixed_header #main {
padding-top: 60px;
}
and don’t forget to clear the browser cache.
Regards,
Peter
Hi Ismael,
Thanks a lot for your response.
I don’t think I explained myself very well, sorry! I already have this CSS for the social media icons in the header –
}
#top .social_bookmarks_facebook:hover a{color:#fff; background-color:#006666; }
#top .social_bookmarks_twitter:hover a{color:#fff; background-color:#669966; }
#top .social_bookmarks_linkedin:hover a{color:#fff; background-color:#99cc33; }
#top .social_bookmarks_gplus:hover a{color:#fff; background-color:#eadd12; }
#top .social_bookmarks_vimeo:hover a{color:#fff; background-color:#cccc00; }
}
What I would like to do is have the icons stay white and backgrounds the above colours at all times, not just when you hover over them. But I would like to keep the rest of the header bar the current grey. Can I just take the hover word out of the coding?
Thanks for the footer code, I’ve added it in as you can see here http://etool.net.au/
I would like the three boxes to join up so that there aren’t any grey spaces in between them, just grey on either side. I played around with the padding, but it just made the footer longer and didn’t bring them together. Could you advise how to achieve this please?
Also if I wanted to use an image for the background instead of a colour for one of the boxes, what CSS would I add?
Thanks, Siobhan
Awesome that seemed to have worked,
Another issue, how to I center the graphics on the LayerSlider, when viewed on a wide screen (Desktop) the images are offset to the left
Hi,
I have tried several configurations thru the enfold theme and tha form simply does not send the message, altough it says “message successfully sent!
Website: http://www.bloisebuffet.com.br
I even tried using the solution proposed on this thread: https://kriesi.at/support/topic/17-contact-forms-not-sending-email – but it did not help.
Please, help me.
Thanks
I did manage to find some code you’ve posted before but it doesn’t quite solve the problem. I’ve added the horizontal line and increased the padding between the line and the next Post by using …
.template-blog .post-entry {
padding-top: 30px;
border-bottom: 2px solid #333;
}
… but how do you reduce the padding from the bottom of the Post to the line? Currently, there’s a padding of ~100 px and I would like to reduce it to a 50 px padding. Here’s a visual … http://www.todays40plus.com/category/travel/
Thanks.
Marshall
I would like to swap the top right phone number section with the top left social media icons. Not very knowledgeable with code but how can I accomplish this?
Many thanks.
Hi, I would like to have more options with the pricing tables. For example the ability to add an underline or a small (?) icon to the pricing table text which would bring up a tooltip for more details about the that specific box. See example here:http://demos.pogoking.net/html/?theme=cheerapp (I’m not a fan of this style, just a good example). Maybe the tooltip could fly in from the top with an downfacing point arrow at the text.
Also it would be great if we could add small icons like a green check mark or red “X” to individual boxes. Ex here: http://themeforest.net/item/sensation-responsive-wordpress-theme/full_screen_preview/2863147
I am still having issues as described in this thread. https://kriesi.at/support/topic/17-contact-forms-not-sending-email.
Contact form submissions are not working reliably
From what I see, when the message is composed with certain email addresses in the form, then those messages don’t come through.
I would like to try the code described in the thread above but it gave me errors.
Please help.
I have a chart on a few pages like this:
http://adworks.wpengine.com/power-pressure-washing/
(hosted on WPengine) />
I’m using SEO smart links on the site and the code is showing up.
I noticed if I change the heading row to default the code goes away but this obviously takes away from the highlighted heading feature and the aesthetic on the desktop view.. And honestly in responsive the chart becomes difficult to read correctly anyway (unless you inject the name of the service provider in each field) so I am leaning towards hiding it on the mobile view anyway. But it looks like it is related to the responsive design. At that page width, Enfold/Avia-layout-builder is employing some sort CSS (not clear to me yet as to why.) Unfortunately it doesn’t support HTML entities (i.e., the links), and thus we see the raw HTML markup written on the page.
Enfold/Avia-layout-builder is adding this dynamic CSS to the page for the given page-width:
.avia-table-1 td:nth-of-type(1):before { content: ‘COMPETITOR’S PRESSURE CLEANING ‘; }
As you can see its trying to insert content using CSS instead of HTML. I really can’t understand why it does this, since #1 rule of CSS is that CSS is for presentation and not content. Anyway, the “content” style doesn’t support rendering of HTML content here.
Any feedback? I need to hide this ASAP so if you don’t respond by Monday it may not be there to view.
Hi,
I am trying to instal Enfold onto my website which is hosted by Bluehost. (i used the one click installation proceedure from MOJO marketplace to instal wordpress)
When I go through the wp-admin to try to install Enfold and try to upload the correct Enfold.zip (according to the walkthrough video) I get a failure notice saying “Are you sure you want to do this?” with a clickable option of “Please try again.” When I click the link it takes me back to the upload page. When I try the process again I get the same issue. similar to kev33 in this thread: https://kriesi.at/support/topic/i-cant-install-enfold-theme)
When I manually transfer the enfold folder using FileZilla, Enfold does not appear under the themes I can use.
Please could you help me resolve this?! I desperately want to use the enfold theme for my website and it is very frustrating to have bought the theme and to be unable to use it!
Many thanks in advance for your help!!!
Bhavesh
Hi Dude,
i know now how the system works, but if i use the code in Quick CSS all the time the color don’t look like it should be.
For example:
#header {
background-color:rgba(252, 150, 30, 1);
}
looks like: http://www.fivo.de/example.jpg
But the color should be: http://www.fivo.de/color.jpg
Whats wrong?
You can use this converter: http://hex2rgba.devoth.com/ to convert your hex colors to rgb. Just choose your favorite red, them enter the hex color into the text field and click on “Hex 2 RGBA”.
Please use Codestyling: http://wordpress.org/plugins/codestyling-localization/ to translate the missing text strings. Install the plugin, go to Tools > Localization and select “Themes”. Then search for “Enfold” in the list and click on “Add new language”. Then select PT_BR from the list and click the “create po-file” button. Click on “Rescan” to fetch all text strings. Then click on “Edit” and translate the required strings from the “avia_framework” textdomain. At least click the “create mo file” button next to the “Textdomain” selection dropdown (top left corner).
Thank you Nick. Enfold made it easy! Will the update you mention help with the fonts issue?
best,
–Lee
I have successfully hidden the enfold cart doohickey while not logged in with the below css…
but if you happen to have an item in your cart via cookie and you are not logged in hit the my account page the cart icon shows up still…
but only on that link… no other pages…
.cart_dropdown.visible_cart {
display: none;
}
#top.logged-in .cart_dropdown.visible_cart {
right: -2px;
display: block;
}
Kriesi rules….
TY
Hi,
You can do this.
. I tried using Custom Links and entered this as a label, but i think it will also work on regular labels for menu items: (if you dont see a house icon in code below but gibberish, you need to create a page that uses the icon you want in some other way (icon box for example) then view the source and copy it from there, just make sure you are keeping the classes i am using in css i posted or it will not work. It would be best if you copied the code i pasted here.
In Appearance > Menu paste this code as the Navigation Label
<div class="menu-home avia-font-entypo-fontello">⌂</div>
and add this css code to your /css/custom.css or to quick css
.menu-home.avia-font-entypo-fontello {
color: blue;
font-size: 2.4em;
top: -5px;
position: relative;
opacity: 100 !important;
display: block !important;
}
and if you want a change of color on hover you can add this block of css
.menu-home.avia-font-entypo-fontello:hover {
color: green;
}
Mine turned out like this http://i.imgur.com/4jR3WCk.png
Thanks,
Nick
Hi,
Nice looking site. Crisp with soothing colors and very readable fonts. However there is an update for Enfold available that you should install after downloading it from themeforest.net. It will overwrite every theme file and should be administered via ftp after you make a backup.
Thanks,
Nick
Hi,
Please turn off your cache plugin while you are developing or you will never see any changes you are making until the old cache expires.
Your home page is also your Services page on the menu?
—
this css controls the background of the site. But I modified it by adding .home … When you view the source of every page of your site in a browser, you can see there is a <body> tag that has a whole bunch of class names in side like <body class=”home page page-id-10 page-template-default boxed open_sans open_sans ” . You can use those classes to create css specific to individual pages or groups of pages. so if you want to target home page you view source in chrome of firefox, look at body tag, find the class that is unique to that page, page-id-10 is another good choice, and then you replace .home with .page-id-10. Make a duplicate and replace .home with some other page on your site. And add this to Quick CSS located in Enfold > (Theme Options) > Layout Styling … text box at bottom of page or to /css/custom.css
html.html_boxed .home {
background: #333 url(https://bea.avmhost.com/wp-content/themes/enfold/images/background-images/gradient-top-dark.png) top center repeat scroll;
}
html .home {
background-color: #333;
}
I would remove the background you added in the Layouts, and leave it empty if you want to have different background on each page, do it through css .
Thanks,
Nick
Hey Ismael!! Thanks for the quick reply but it didn’t work :(. I tried
.fixed_header.social_header #main {
padding-top: 110px;
}
and
.fixed_header.social_header #main {
padding-top: 0px;
}
but no response :(