Hi there,
I’d like to prevent child menu items from automatically showing up in my sidebars. Instead, I’m using a plugin to add custom sidebars to each page. Can you help me hide those automatic sidebar menus? I saw this post and tried that code, with no luck. Thanks in advance!
Hi again!
It works! Thanks! Just one more thing to finish it, I hould like that the overlay color be 80% of the image size, just like kind of like this: https://drive.google.com/file/d/0B9Cl0WGu5B3BRXFLeEVtZUdpNE0/view
Can I make the color less transparent? Is kind of hard to read…
One other question, I am afraid that my partner will ask to keep this overlay even if is not on hover, so the title is always visible on the top of the image with the overlay color, like this blog is: http://blogcariocando.com.br/
Is it too hard to do?
Thank you one more time for all of this, I really appreciate it!
Hi Basilis,
I mean that when they click through the pagination of the blog section (the blog section is halfway down the page layout) the next group of articles load but the user is brought to the top of the page, forcing them to scroll back down to where the blogs are again.
[Update] I updated the topic of the post after realizing what was actually causing the problem [/update]
I’ve had the same page on my site for several years now and always on the latest version of enfold. As of about 6 months ago, every time I click publish on the page (with or without a change) the permalink from “education” to “29-tips-for-implementing-lawson-security” which is the name of another one of my posts. This behavior makes absolutely no sense as this is the only page this is happening on.
I have tried killing all the plugins and nothing has helped so far. I only have a few major ones turned on right now.
It’s worth noting that I can change the permalink back to “education” and click publish. That works! But if and when I click publish again, the permalink changes back to “29-tips-for-implementing-lawson-security”.
Each time this change happens, the menu updates correctly, and the SEO plugin picks up the change as well.
I have exhausted all my options and don’t know what else to look into other than enfold. I have even looked at the DB directly as this change is made and sure enough, it changes right away …
-
This topic was modified 8 years, 10 months ago by
trezaei. Reason: Updated the topic of the post after realizing what was actually causing the problem
Hello,
This teaser page has two separate section views. It fits 100% browser window height.
But on mobile view, large gaps top and bottom. Besides, each cell size is completely different.
What can I make to remove gaps and show same background image size each cell?
Hi!
Please remove height and width values from your code and use following one instead and adjust values as needed
.circle-overlay .av-image-caption-overlay {
width: 80%;
height: 80%;
left: 25px;
top: 22px;
}
Cheers!
Yigit
I know this topic should probably be raised with Yoast and not Enfold.
But i thought someone may have some support / answers for it, that and Yoasts support not being half as good as ours on enfold!
So the issue:
When Yoast SEO is activated and working with advanced layout editor text elements, there is a massive lag in typing and in fact any typing and editing, even high lighting a section to delete it has a 2 – 3 second delay before it even shows that it has been highlighted.
Its fine in the standard text editor though.
I have it down to Yoast SEO because when i deactivate yoast the advance layout editor works fine with text and performs the same as it does in the standard editor.
Any idea why the sudden conflict with Yoast and the advanced layout editor Conflict?
Its so bad we have to disable yoast to do any work and then reenable it after.
Any help would be really grateful.
Thanks as always.
Hey retawer,
Add the following to quick css:
#menu-item-229{
margin-top:15px!important;
}
Let me know if this works
Best regards,
Jordan Shannon
Hey msbllc,
Remove this that you have above:
@media only screen and (max-width: 900px) .responsive .template-blog .blog-meta, .responsive .post_author_timeline, .responsive #top #main .sidebar { #top .fullsize .template-blog .blog-meta {
float: none !important;
width: 200px;
margin-right:0px !important;
}}
and add the following to quick css:
@media only screen and (max-width: 767px){
.blog-meta {
float: none!important;
margin-right:none !important;
width:100%important;
}
}
Best regards,
Jordan Shannon
Hi!
Nice! The title is showing now on the top! But there is a pink line on the top of it, and is not centralized… Do you know why?
I am so happy already!! Almost there! =)
Thank you!
Hi,
I’m using ultimate member plugin with Enfold theme. I’m trying to add the avatar on the header and it works. Only there’s no top margin for the avatar. I tried the code:
.func-um_user gravatar avatar avatar-40 um-avatar um-avatar-gravatar {
margin-top: 10px;
}
But it didn’t work…
Anything wrong?
Thanks a lot~
Hey Jasmer,
You could create a second version of the section (and place it at the bottom) and use classes like this for each respective section so the top one only appears in desktop and the bottom one in mobile. That way you can properly arrange the mobile one to whatever you’d like it to be:
.only-mobile{
display: block !important;
}
.only-desktop{
display: none !important;
}
@media only screen and (min-width: 767px) {
.only-mobile{
display: none !important;
}
.only-desktop{
display: block !important;
}
}
Best regards,
Jordan Shannon
Hi again Yigit!
Thank you so much! The arrows are working fine but the title on the hover top of the images are not working…
I think I`ve followed every step correcly, but all that happened was that a tiny little ball appears above the images during hover: http://unpackdesign.com.br/#blog
Do you think I did someting wrong?
Thank you!
Which of this to parts of css?
#start .template-page content.av-content-full.alpha.units{
padding-bottom:180px!important;
}
@media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
display: block !important;
}
}
Hi,
You can edit what I originally gave you to the following:
.light_bg_color.title_container .container{
width:100%!important;
max-width:100%!important;
padding-top: 25px!important;
min-height: 86px!important;
}
That should take care of the height.
Best regards,
Jordan Shannon
After completing a theme update to latest version my menu moved from top right in default position to now floating over my slider. Not sure how to fix this so it goes back to the correct position? I’m using the latest version of wordpress and the latest version of Enfold theme.
Ok so that would look good with the border added. Might I suggest that Kriesi add an option to choose make it transparent or not in the element settings.
Last question. On mobile the slider is 2 rows stacked. Is there CSS we can add to make it one row with 4 icons across he bottom? This way it will look exactly like the desktop site. Nowrap?
Check the bottom of the contact page for logo element slider..
Thank you,
Jas
Hi,
.header-scrolled .logo a img {
visibility: hidden;
}
.header-scrolled .logo a {
background: url(_SCROLLED_LOGO_URL_HERE_) no-repeat top center;
}
Tru the following please
Best regards,
Basilis
Hi!
This page look excellent on desktop, but on mobile the photos are scrambled. I understand why this is happening, but I’d like to change it. I attempted to use a different element, but it didn’t look right.
***I’d like to have the images show before the bio. So first employee photo then below employee bio.
Is there CSS that would reorder these? Do you have any suggestions for the future?
Hey Briana,
You mean when navigate around with pagination, to go back to top?
Best regards,
Basilis
Hi!
You are welcome! Sorry we could not help quicker :)
1- Please install a child theme and activate it – http://kriesi.at/documentation/enfold/using-a-child-theme/ and then refer to this post – http://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/ and copy wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/postslider.php file to your child theme – http://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/ and then open postslider.php file on your child theme and replace its content with this one – https://pastebin.com/xWCTxiNk. Then add following code to Quick CSS
.slide-entry-overview:hover .slide-entry-title {
opacity: 1;
}
.slide-entry-title {
position: absolute;
top: 80px;
left: 10px;
opacity: 0;
}
2- Please add following code to Quick CSS as well
.avia-slideshow-arrows a:before {
color: #f7c5da;
background: transparent;
font-size: 50px;
}
Best regards,
Yigit
I will say that I tried this code:
.html_header_top.html_logo_center .main_menu ul:first-child {
width: 100%;
}
.av-main-nav > li {
width: 16%;
}
Unfortunately, it pushed one of my long titles to a 2nd line which is now off of the menu bar completely. Any ideas?
Hi Enfold team,
l like your theme very very much. Thank you for your great work. You got my 5 stars reviews. ^_^
Recently, I tried to build up an e-Commerce website with Enfold + Woocommerce. I set up categories and sub-categories for my shop. I found that when I put a thumbnail image in each category. When I click on the deep product page, the thumbnail image show on the top of the products page. I don’t want to show the image of categories on the shop page.
Would you please help me for this? How can I remove the thumbnails image in each product shop page? ^_^
Thank you very much in advance.
Best Regards,
Nicole
-
This topic was modified 8 years, 10 months ago by
goldglobe.
Over the past couple days, a curious issue appeared. Pages would load on the front-end, but on the editor, I just get a loading animation. Tried with three different browsers, clearing cache, etc. Then tried editing a post. Same thing happens. Seems to stop every time the Advanced Layout Editor loads. I disabled plug-ins one-by-one to test. No change. Then, I disabled all security plugins. Again, no change. Restarted the server. Same.
WP is current. Enfold is current. PHP is 5.6x.
What am I missing?
Hello,
I’ve seen on your Medical demo that you display a Mail icon at the top right near the social icons. I would like to do the same on my site but I don’t see where, it’s not in social icons…
Could you tell me where I can have this ?
Txxxxxx
Marine
Hello there!
I am using colour sections with a 2 column layout. Image on one side and text on the other.
screenshot:
https://www.awesomescreenshot.com/image/2557356/00e7a8a0619438089c734522e6e11033
Because I have alternated the column order for desktop, the mobile view has the columns stacking with 2 images in a row.
Screenshot:
https://www.awesomescreenshot.com/image/2557353/8d8083de3cf6d9bdaea2973ccebe20f0
I would like to know if it is possible to change the stacking order of the columns so the image is always first in the mobile version of the webpage?
Thanks in advance for any help.
Hi,
1 & 3 – I believe these ones are resolved in their own threads already. If they are not, please reply on those threads and we will continue there :)
2- Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your Post Slider element and give it a custom CSS class (“custom-slider” in example below) and then add following code to Quick CSS in Enfold theme options under General Styling tab
.custom-slider .slide-entry-excerpt {
background: orange;
padding: 10px;
margin: 20px;
margin-top: 0;
}
4- We are going to use custom CSS class for this one too (as in #2). Please edit your element and give it a custom CSS class (“circle-overlay” in example) and add following code to Quick CSS
.circle-overlay .image-overlay {
border-radius: 1000px!important;
}
5- Please refer to this post – http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/ and if that does not help, please see – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/
Best regards,
Yigit
-
This reply was modified 8 years, 10 months ago by
Yigit.
No, it is not. Please be sure you are checking this test page and not the actual homepage of the website:
https://www.missouriartscouncil.org/homepage-experiments
To simplify matters, I have now removed everything from the test page except two Grid Rows that illustrate the following problems with using a YouTube or Vimeo URL:
Top Grid Row
Enfold’s Video Element shows only the link when YouTube or Vimeo URL is inserted.
Bottom Grid Row
When using Enfold’s Code Block Element with a YouTube embed code, the Grid Row cell displays differently than the three other cells in the row that contain Image Elements. The Code Block cell throws off the bottom margins of the Image Element cells.
I have checked the Homepage Experiments page on computers that are outside my office as well as within my office network. The video display problems occur no matter which network and which server I have used to view that page.
Hi Rikard,
Thank you for your answer.
My mystery is solved, the topic can be closed. Thank you
Cheers
Mike
Hi,
Ok, you can see it here: http://kriesi.at/themes/enfold/shortcodes/partnerlogo-element/
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard