Hi, I have a text in a color section and I need to center it in the height section. Now it remains top aligned. I need it in the middle of the section. How can I achieve this?
Thanks!
Dear Kriesi Team,
I just want to update you from Bigul, a moderator in WPML website about an issue in theme:
Please confirm the same code is exist in the latest version(fresh copy) of Enfold theme. I guess most probably Enfold team has written this code for compatibility with WPML. So you may need to change the code each time while updating the theme. If possible please confirm with the theme author.
Link : https://wpml.org/forums/topic/instead-of-name-flags-are-shown/
Regards,
Sadegh
by the way as you can see it works with shrinking option too!
and if you want to get rid of the top border when header is scrolled :
.header-scrolled #header_main_alternate.container_wrap {
border-top: medium none;
}
Your welcome!
Hi Jordan,
yes of course: http://firstnurserypeebles.com/
I’ve another question while you’re here.. Is it possible to stack two columns one on top of each other? Eg, The design calls for two 1/3 columns one on top of each other to sit to the right of a 2/3 column. This is so I can create the coloured background blocks as above where it says forest school with a grey background then an image below.
I’ve tried this but the columns don’t stack and go onto the next horizontal line.
Thanks.
so here is my test on it: http://webers-testseite.de/elegant
with logo right menu below options on enfold
insert the WordPress Title (this is without WordPress Site Description) as above in your child-theme functions.php
add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub)
{
$sub .= "<span class='logo-title'>";
$sub .= get_bloginfo( 'name', 'display' );
$sub .= "</span>";
return $sub;
}
This in Quick css :
.logo, .logo a {
overflow: visible;
width: 100%
}
.logo-title {
display: block;
float: left;
font-size: 36px;
left: 0 !important;
position: absolute;
}
.logo img {
float: right;
}
#avia-menu.menu.av-main-nav {
float: left;
width: 100%;
}
@media only screen and (max-width: 767px) {
.responsive .logo img {
float: left !important;
max-width: 80%
}
.responsive #top .logo {
width: 100%;
}
.logo-title {
text-align: center;
top: 80px;
width: 100%;
}
}
you can play with these values ( font-family is not defined here, font-size etc.
For Small Screens ( try it on my testsite) i decided to do the Title under the top logo in the center of the screen
Hi,
Thanks for getting back to us!
Would you mind also providing administrator login details to your WordPress site, so that we can have a closer look. You can place the information in the private data section of your reply.
Please also indicate the color sections that are to be hidden on desktop but shown on mobile and vice versa.
Best regards,
Jordan
Hi,
Great, glad you got it working. Please let us know if you should need any further help on the topic.
Regards,
Rikard
Hi,
Please click Screen Options in the top right hand corner of the screen on the menu edit page and select to display Description.
Best regards,
Rikard
Hey manuelap,
Please try the following in Quick CSS under Enfold–>General Styling:
.avia_desktop .av-hover-overlay-active .av-masonry-image-container {
opacity: 1 !important;
}
Regards,
Rikard
Hey turistai,
Thank you for using Enfold.
Please replace the css code with this so that it will only affect the desktop view or screens wider than 767px.
@media only screen and (min-width: 767px) {
/* Add your Mobile Styles here */
.attachment-entry_with_sidebar.size-entry_with_sidebar.wp-post-image {
height: 400px !important;
}
}
Best regards,
Ismael
Hi,
I’m sorry but I thought that the image was added as a layer. It is the slider background. Please use this css code:
@media only screen and (min-width: 2000px) {
#layerslider_8 .ls-bg {
margin-top: 0 !important;
}
}
It should work here. http://mitchelllindsey.fiveoaksdemo.com/index.php/test/
Could you please check the actual resolution of the surfacepro device?
Best regards,
Ismael
Hi,
I can’t really reproduce the issue on my end but maybe this will help. Replace the ad container with the following.
<div class="container_wrap" align="center" style="border-top: none;">
<a href="https://www.bodylab24.de/" rel="nofollow"><img src="http://www.eiweisspulver-test.com/Bodylab728x90.gif" alt="Anzeige"></a></div>
And what is the actual model of your tablet? I’m asking because some mobile device have an issue with gif formatted image.
Best regards,
Ismael
Hi,
3.) Yes, the theme is fully compatible with the base Woocommerce plugin but, unfortunately, we can’t assure its compatibility for thousands of add-ons that are available in the market. We also added a note at the very top of the product’s advance layout builder.
Please note that the Advanced Layout Builder for products will not work with all WooCommerce Extensions
Please use the default editor if you want to use the plugin. Or contact the plugin author. We are very sorry for the inconvenience.
Best regards,
Ismael
Hi,
Furthermore i would like to change the width of the dropdowmenu;
Please disable the mega menu option first because the markup is different from the default dropdown. And add this in the Quick CSS field to change the hover color:
#top .header_color .main_menu .menu ul li>a:hover {
color: #272727;
}
Best regards,
Ismael
How to hide a color section ID#001 on desktop and show ID#002 in its place, and vice versa for mobile.
Hey jzirion,
Thanks for getting in touch!
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.av_phone_active_left .phone-info {
float: none !important;
color: #ffffff !important;
}
.html_header_top #top .av_header_stretch .container {
text-align: center !important;
}
To remove the link in the footer – http://kriesi.at/documentation/enfold/change-the-footer-text-and-link/
Best regards,
Jordan
Hi,
I need some help making a couple quick modifications to the top bar and footer of our website: http://imaginaguate.com/childlaw/
We need to list the name of the company in the middle of the top bar (centered) and color the text white, without changing the color of the menu.
We also want to take out “powered by Enfold WordPress Theme” from the footer.
Can you let me know how to make these modifications?
Thanks!
Jess
Hello this is my 2nd purchase of Enfold; it is a beautiful theme! Can you tell me how to make the fullwidth easy slider play automatically? Thanks, Linda
Ah, lesen hilft: Ich habe den entscheidenden Tipp dort gefunden:
https://kriesi.at/support/topic/partnerlogo-element-title-under-elements/
Die Lösung: leeren Link im Logo-Editor eintragen, gewünschten Klassennamen in »Title« eintragen und in logoslider.php den Titel als Klasse einfügen. Klappt :)
Gruß, Harald.
I have tried with a few different media elements (full screen slider, color selection)
It will auto load the video for the section of the page you are on, but if you have a video at the top and one at the bottom, the video at the bottom won’t load if you load the page from the top (if you reload the page with the second bottom video in view, the bottom video loads, but then scroll up to the top and the top video doesn’t load)
Ideas or work arounds?
Hi,
Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if you like to get started and try your hands on please use the below code as a starting point and add the hover state to style as per your requirement.
#top .av-product-class-minimal-overlay .inner_product_header_cell {
vertical-align: top;
display: table-cell;
transform: translateY(110%);
}
.inner_product_header_cell div p {
display: none !important;
}
.entry-content-wrapper ul.products li{
margin-bottom:80px;
}
If you need any help in the process please feel free to let us know.
Best regards,
Vinay
Thank you. I have added the login information in the Private Content section. FYI, I have also noticed that it is doing this same error message on the desktop version of our web pages as well.
Hi,
Thank you for sharing the mockup :) To achieve what you described Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .flex_cell.av_one_third.avia-builder-el-7 {
vertical-align:top!important;
}
Best regards,
Vinay
well what do you have for page setup and header behavior? Transparent Header and no shrinking?
Where did you set up the slider to 600px x 300px ?
On default there shouldn’t be a margin on top if you have transparent Header and first container a slider (an enfold slider) .
try for your site (than use a “.page-id-“) (or here in general)
main.content {
padding-top: 0;
}
Hi Yigit,
Thanks for the reply. It doesn’t work unfortunately.
Scrollable table still behaves the same. The text is wrapped while there is enough space. Ones it has to start scrolling the wrapping is gone and text is all on top of each other.
Another option would be to make the responsive table behave correctly. I have a number of posts with this version like: http://lettertype.net/trajano-regular/
But here the headers all get stacked at the top and the data underneath.
Looking forward to your ideas:)
Adriaan
Hello Yigit,
Since last week I have changed my host to SiteGround.
so I would like to revisit the topic.
I tried importing a demo “Enfold Restaurant” To test header behavior.
The result is at http://www.edoshummus.com.
This is directly after import, with no modification whatsoever.
as you can see, the alpha of the logo area is not behaving as in the original demo.
it goes from something like 30% opacity to 0% opacity instead of 70-80% opacity.
could it somehow be connected to me using a Child Theme?
Looking forward to hearing from you soon
Oren
Hi there,
I’ve setup a layer slider for my homepage but I have 2 problems.
1. there is a white margin at the top of the page
2. the background image is ‘zoomed in’ – the background image is 600x300px and the slider is set to 600x300px.
Please could you tell me how to correct these two issues? This is a test page and I will need to apply the fix to the live homepage once the client gives the go-ahead.
taks.org.uk/test
Thanks
Gavin
Hi,
How to make images open in lightbox within an easy slider?
I tried this https://kriesi.at/support/topic/easy-slider-with-lightbox/#post-165013 but didn’t find code.
Ok whatever, I will remove those rules from robots.txt.
Can you please suggest me a solution to stop google from indexing those resources ?
Thank you for your answer Vinay. Basically in all event details pages, I would like the content of the first column to align to the top. For example, for this page here: https://ticinodating.ch/prodotto/spettacolo-giuseppe-giacobazzi/
I would like the content to align like so:
View post on imgur.com
Does it make sense?
Thank you,
Alessandro