Hey Helgs1,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .onsale {
background: #ffd001!important;
color: black;
font-weight: bold;
}
Please use this plugin to change the translation – https://wordpress.org/plugins/loco-translate/
Best regards,
Yigit
Hi,
We made a similar thread here: link to the old thread – but we did not solve our problem as of yet.
On this page: link to testpage – we have the following elements:
Top: Full width row
Everything else: 2/3 + 1/3 elements
In our 1/3 element – we have inserted the “Blog Posts” to show some news. Our problem is, that the news are displayed with H2 and H3 as their headlines. We would like to be able to change this to be “normal text” instead of headlines (as they interfere with our regular H2 and H3 we have throughout the page).
How can we do this? I saw you posted some code for the Functions.php file in our other thread, but we made a mistake and set up the testpage incorrectly. So – looking at our testpage now (see above to get link) – how can we control the H2 and H3 shown in the Blog Posts elements (which is placed inside the 1/3 column) ?
Thank you!
-
This topic was modified 9 years, 9 months ago by
Xperten.
Hey!
I adjusted the code in functions.php file and added custom code to the top of Quick CSS field. Please review your website now.
If i understood the changes you would like to make correctly, you will need to change font family and font color etc.
Regards,
Yigit
Hello,
I have searched for a solutions an tried everything I found at the support forum, but nothing succeeded yet, so i really need your help.
I tried:
1 add code to .htaccess and the web.config file
2 adjust CSS, i found two codes in other topics
3 the IF YOU HAVE TROUBLES SINCE THE UPDATE TO WORDPRESS 4.5 suggestion.
with all the changes i did a hard refresh and refreshed my browser, emptied cache etc. I use the newest version of chrome, have the newest wordpress and also I use enfold 3.6.1
But still the icons show not right in Google Chrome and Firefox. They do show in a right way in Safari, but not everyone is using safari. It is very strange, they where looking normal for a long time, Hope you can help me with this.
Best wishes, Eline
Hi!
After browsing through the topics regarding the search function in mobile view, i still cant find a good solution.
I want the search icon to be placed next to the menu icon in mobile view.
Thanks!
Kenneth
Hi!
I have placed 5 logos on the bottom of my page right above the footer in the Partner/Logo Element. Looks on desktop like this:
http://fs5.directupload.net/images/160615/s2wtcwlw.png
The most important logo is the middle one – that’s because it’s the only one that is in color.
On mobile or smaller devices i would like the 5 columns to push the middle one (the third) to the top. When I scale my viewport smaller, the first logo is also the first column, like this: http://fs5.directupload.net/images/160615/ec2mtcbx.png
There should be the colored one on top while all the others would be displayed beneath it.
Hope you understand what I mean and I hope you can help me with it!
Greetings,
Linda
I mannaged to have it well displayed through the separation between items in the main menu bar, though I still get the cart on top of the logo… see screen shot.
http://prntscr.com/bgn01k
Please provide me the necessary instructions in order to correct this.
Thank you.
Hi I am having a problem with my main menu.
I use woocomerce and WPML and they are getting attached both onto my main menu. This makes my site’s menu not be fully responsive deppending on the screen size, my first menu items overlap the site’s logo and this can’t happen to the site since many people will see it as an error.
I show screen shot to clarify my issue.
http://prntscr.com/bgmwtg
I need to remove flags from the menu and ensure that the cart wont be on top of the logo in mobile devices.
Thank you.
Hi,
This is my first topic. I’m overall very very happy with your theme. Great job :D
However, the tables are not looking properly – even if you select an option to scroll tables – the text in the table is overlapping.
The problem appears only on mobile phones.
I look forward to hearing back from you.
Best regards,
Zee
Wait until the official compatibility announcement. Right now enfold is missing a couple of css definitions to make the new templates (e.g. my-account) look pretty.
If you are in a hurry you can use the following css snippet to give the new my-account tabbed navigation an enfold-like look and feel:
#top div.woocommerce nav.woocommerce-MyAccount-navigation {
display: block;
margin: 0 0 25px 0;
padding: 0px;
position: relative;
}
#top div.woocommerce nav.woocommerce-MyAccount-navigation ul {
list-style: none;
display: inline-block;
clear: both;
width: 100%;
margin: 0;
padding: 0;
}
#top div.woocommerce nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link {
padding: 0px;
margin: 0px;
}
#top div.woocommerce nav.woocommerce-MyAccount-navigation ul li.is-active a {
border-style: solid;
border-width: 1px;
border-bottom: none;
padding: 9px 20px 10px 20px;
position: relative;
}
#top div.woocommerce nav.woocommerce-MyAccount-navigation ul li:first-child a {
border-top-left-radius: 2px;
}
#top div.woocommerce nav.woocommerce-MyAccount-navigation ul li a {
cursor: pointer;
margin: 0 -1px 0 0;
display: block;
float: left;
z-index: 2;
position: relative;
padding: 12px 16px;
top: 0px;
font-size: 0.9em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-style: solid;
border-width: 1px;
}
Hi,
OK! Gotcha now… please check attached screenshot. To achieve the same look Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .post-entry {
max-width: 800px !important;
left:50%;
transform:translate(-50%);
}
Best regards,
Vinay
Buenos días,
Estoy teniendo problemas al insertar un icono personalizado en la el top bar de redes sociales.
He metido el siguiente código que os pongo debajo en el archivo functions.php
// Register new icon as a theme icon
add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);
function avia_add_custom_icon($icons)
{
$icons[‘logmein’] = array( ‘font’ =>’logmein-font’, ‘icon’ => ‘ue999’);
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);
function avia_add_custom_social_icon($icons)
{
$icons[‘Logmein’] = ‘logmein’;
return $icons;
}
Os envío en contenido privado un enlace al Zip correspondiente a la descarga del icono creado.
Si necesitáis algo más para revisarlo decídmelo.
Os agradecería si me pudierais ayudar en esto.
Gracias
Un saludo
Hi. I would like to have side bars on both sides of my post pages, is this makable?
Moreover, I would like two stripes of vertical google ads to be shown on sides, and one more just at the top of the post page content.
Best if they were very close to the post edge.
Something like in here – http://dictionary.cambridge.org/dictionary/english-polish/a_1
Hope You can help me with this.
Regards
Tom
Hey Starkos,
1. to fix the height in mobile device. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px){
#top.page-id-431 #av_section_1{
max-height: calc(100vh - 82px)!important;
}}
2. To remove the arrow please uncheck “Display a scroll down arrow” in the colorsection options.
Best regards,
Vinay
Hi Vinay,
thanks for your reply.
When you checked, the featured image was centered with the text below because I removed the code you sent:
#top .entry-content {
max-width: 100% !important;
}
Sorry but I was waiting for your answer. No problem anyway.
I put your css code again and image is not centered anymore. You can check again.
I would like to have text (800 px) and featured image (800 px) centered and aligned when zooming.
please check also the attached file (zoom 90% in Chrome) and the css code (a part of it) I am using.
Maybe there is some kind of conflict.
Thanks a lot.
Hi,
Here you go this code will make the long menus scroll Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #header ul:first-child >li > ul {
overflow: auto!important;
max-height: calc(100vh - 200px);
}
/*-----------------------------------------*/
/* Custom scrollbar */
/*-----------------------------------------*/
::-webkit-scrollbar { width: 6px;}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
#header .widget:hover::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 56px rgba(0,0,0,0.9)!important;
}
#header .widget:hover::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 56px rgba(0,0,0,0.85)!important;
}
#header .widget:hover ::-webkit-scrollbar-track {
background-color: rgba(0,0,0,.085)!important;
box-shadow: inset 1px 0 50px rgba(0,0,0,.61)!important;
}
Best regards,
Vinay
Hi,
I just noticed that the add to cart button is not working on mobile devices on your theme. Adding items work on laptops/desktops but not on mobile devices.
Thanks!
Larry
Hi Stefan,
Great, glad we could help. Please let us know if you should need any more help on the topic.
Regards,
Rikard
Hi,
Try the following as well:
.home #after_section_1 .content {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
Regards,
Rikard
-
This reply was modified 9 years, 9 months ago by
Rikard.
Hey BPC,
Please try the following in Quick CSS under Enfold–>General Styling:
.html_header_top .header_color .main_menu ul:first-child >li > ul {
border-top-color: transparent !important;
}
Thanks,
Rikard
Hi,
Glad we could help, please let us know if you should need any more help on the topic.
Regards,
Rikard
Hi,
Great, glad we could help. Please let us know if you should need any more help on the topic.
Thanks,
Rikard
Hi,
The author and tags are not included if you set the blog layout to grid. You have to modify the postslider.php file as explained here: https://kriesi.at/support/topic/how-to-show-author-in-blogs/#post-603028
Best regards,
Ismael
Hi,
Sorry for the delay. Please follow the solution provided here: https://kriesi.at/support/topic/wpml-language-switcher-8/#post-588831
Best regards,
Ismael
I would like to achieve this look below where the bottom text is put on top of a shaded area but extend above the background picture. I tried adding a color section to another but i couldnt drag and drop it from avia builder

-
This topic was modified 9 years, 9 months ago by
yingyang.
Hi there
Thanks for that – it fixes the top display however it is still showing at the bottom of the Calendar
Cheers
Hi,
Glad we could help, please let us know if you should need any more help on the topic.
Best regards,
Rikard
Hi paolol85,
Could you provide us with a link to the site in question so that we can take a closer look please? Autoplay of videos is disabled on mobile devices because of manufacturer limitations.
Regards,
Rikard
I tried it but it is not appearing the same way. Please see block directly below it
My client concern is that he wants it to appear SAME on all desktop screen sizes. So if you resize your browser, please look at the one above (static image), how it stays consistent compare to the one I just created below.