Hi,
I can see there are modifications to the form coming from your custom.css, that’s why it looks a bit different, try adding this css code:
#top .avia_ajax_form .select {
border-width: 2px !important;
padding-bottom: 13px !important;
}
Hope this helps :)
Best regards,
Nikko
@georgcornelius reverting back to woocommerce 2.6.14 is much more hassle than the five simple steps I provided above
Hello i would like to increase the gap a little between the phone number and social icons in the extra element at the top of my site, please can yo advise how I do this?
Hi guys,
I have this blog in the following URL: https://news.transport.gov.mt/mainnews/
As you can see, the posts do not have the same spacing between them. I had opened a thread last year about this which had solved it but now it doesn’t seem that the CSS is still in affect (the css is still there): https://kriesi.at/support/topic/equal-distance-between-one-post-and-another-in-a-custom-blog-layout/
Any ideas on how this can be resolved please? It’s important that the spacing between one post and the other remain the same and not misjointed.
Thanks and Regards,
Matt
-
This topic was modified 8 years, 11 months ago by
MattDalli.
Hello vonwelzen,
try to set that code. Simply add in your code (font-weight: 900 !important;).
#top #wrap_all .main_menu ul:first-child > li > a:hover .avia-menu-text{
color: #da334c !important;
font-weight: 900 !important;
}
Thank you
Hi Rikard,
Please feel free to close this topic.
Thanks!
Please visit this thread: https://kriesi.at/support/topic/enfold-theme-woocommerce-product-images-not-showing-as-of-4-4-17/#post-772346.
Please visit this thread: https://kriesi.at/support/topic/enfold-theme-woocommerce-product-images-not-showing-as-of-4-4-17/#post-772346.
Hi Andy,
Try using this css code:
#top .av_header_transparency #header_meta {
border-bottom: 1px solid rgba(255,255,255,1) !important;
}
Hope this helps :)
Cheers!
Nikko
Hey,
thanks a lot for you help. I have one more question regarding the search functionality. Everything works fine now, despite for example if you search for “Security”, the results show every page that contains “Security” and they are ordered by the release date of the page. It would make much more sense if a page named exactly like the search term would be on top of the results. Is there a way to achieve this? I did a long research on this, but it all ends up in “install this plugin to..” which I want to avoid.
Best regards,
Andi
-
This reply was modified 8 years, 11 months ago by
net-files.
my site won’t stop blinking since the update today.
I got this note:
“Your theme (Enfold Child) contains outdated copies of some WooCommerce template files. These files may need updating to ensure they are compatible with the current version of WooCommerce. You can see which files are affected from the system status page. If in doubt, check with the author of the theme.’
-
This topic was modified 8 years, 11 months ago by
kbarranco.
Hi @Barnez1,
Thanks for the feedback, much appreciated. Sorry for the previous problem and I’m happy that the update solved the problem.
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
Thanks for that. I could reproduce what your video showed, but only when I drag the mouse down outside of the parent item, so I don’t think it’s an actual issue to be honest. You could try moving the submenu up a little bit using the following CSS though, that should make it harder for users to move outside of it:
#header_meta .sub_menu li ul {
top: 17px !important;
}
What browser are you using by the way?
Best regards,
Rikard
Hi,
Ok, let us know how you get on with it or if you should need any further help on the topic.
Best regards,
Rikard
Hi There
I am using a layer slider on the homepage, it looks good on the desktop but is not responsive on the iPad or smartphone. I’ve tried every combination of settings I can think of.
The text seems to be responsive but the small image in the bottom right had corner is falling off the page.
The rest of the website has 25px padding either side of the container, I would like the slider to have the same padding so it aligns both sides on the iPad.
I was hoping to have the background image aligned top right also
Can you please have a look for me? Login details below.
Hey Nikko
It works beautifully, but it is the wrong border – I want to change the top border of the glassy header, not the bottom border. I tried substituting “border-top” for “border-bottom”, but it didn’t work.
Andy
Hi,
I’m sorry for the late response.
1.) I can’t find the full width sub menu in the page. Could you please provide a screenshot?
2.) Please use the following css code.
#av_product_description h2 {
font-size: 50px;
}
3.) Add the html of the social icons manually. Ex.
// https://kriesi.at/support/topic/add-social-icon-with-link-to-fullwidth-sub-menu/#post-659059
Best regards,
Ismael
Hi,
Thanks for that. :) Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top .av_header_glassy.av_header_transparency #header_main {
border-bottom: 1px solid rgba(255,255,255,1) !important;
}
Hope this helps :)
Best regards,
Nikko
Hi,
Please try this code in the Quick CSS field.
#top .avia-logo-element-container {
text-align: center;
}
#top .avia-logo-element-container .slide-entry {
display: inline-block;
float: none;
}
Turn on the custom css class attribute if you want to apply this modification to these specific elements.
// http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Best regards,
Ismael
Hi,
Try inserting this css code in Rikard’s code:
.responsive #top .logo img {
top: 0;
}
the new code should look like this:
@media only screen and (max-width: 767px) {
.responsive #top .logo {
width: 100%;
text-align: -webkit-center;
}
.responsive #top .logo img {
top: 0;
}
}
Hope this helps :)
Best regards,
Nikko
Hi,
Please follow what John said and don’t post duplicate threads with same topic. You might also want to post a screenshot/mockup of what you want to achieve since I can see the logos to be looking good.
Best regards,
Nikko
Hi Ryan,
Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
Please add the following code in the Quick CSS field.
@media only screen and (max-width: 1024px) {
.responsive #top .av-submenu-container {
top: auto !important;
position: relative !important;
height: auto;
min-height: 0;
margin-bottom: -1px;
}
}
It will disable the “Sticky” option of the submenu element on tablet screens.
Best regards,
Ismael
Hi,
Great, glad we could help. Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Do you want it centered only on mobile sizes? If so then please try this in Quick CSS:
@media only screen and (max-width: 767px) {
.responsive #top .logo {
width: 100%;
text-align: -webkit-center;
}
}
Best regards,
Rikard
Hey InteractiveInvestor,
Thanks for providing the link. I don’t think accordion slider would work for your content on mobile, would it be okay if the workaround would be using accordion slider on desktop and tablets and for mobile, hide it and use other modules/elements like image & text?
Best regards,
Nikko
Hey elvirais,
Please try the following in Quick CSS under Enfold->General Styling:
#header .social_bookmarks {
top: 0;
margin-top: 20px;
}
Best regards,
Rikard