Hi
I followed the instruction to add the code snippet that for using a using a layout with the menu below the header area. I added the CSS code as well. I added the widget as custom text using 60px. It looks goods but it’s not responsive when I scroll down or on smaller monitors. It wraps and writes on top of my menu options. It is possible to make it responsive to the text skrinks to fit in the header area?
Here’s a snapshot of what happens:
https://www.dropbox.com/s/1zo10jvoivz65p6/header%20text%20issue.jpg?dl=0
Thanks
Lyse
Hi AUBII_GmbH!
Do you still need an older version or is this one related to this thread – https://kriesi.at/support/topic/enfold-theme-in-lates-version-text-editor-bug/#post-650893? :)
Regards,
Yigit
Hello;
We are using the construction demo data and have a question regarding the sidebar menu listed under services. When you select services from the top menu it opens a left sidebar menu. How do we change the colors for hover and selected for the sub-menu to match the main top menu? Also, the top menu does not stay actively selected once the sidebar is open.
The development site is: http://035.acc.myftpupload.com/
Select Service and any sidebar item. We would like “Service” to remain highlighted and have the sidebar menu be the same green when active. Thank you.
Hey navindesigns,
1 & 2- Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.main_color a:hover {
color: orange;
}
.main_color a {
color: inherit;
}
#top .av_inherit_color a {
text-decoration: none;
}
Best regards,
Yigit
Hi Ismael,
I was already using this code and it seems to override the second part code snippet.
#top .widget_nav_menu ul ul .sub-menu li {
padding-left: 5px!important;
}
I will not try to get the lines to adjust left as it seems to be inconsistent with itself.
Thank you for all of your help and patience.
Lyse
HI Josue,
After I posted this I remembered that you guys like us to create our own support threads and not tag on to others, so I created one here with admin credentials:
https://kriesi.at/support/topic/mailchimp-integration-is-not-working-lets-fix-this/#post-650713
I am happy to provide my resources and time to help solve this problem / bug.
Thanks!
Hi again,
Just to say that I’ve found a solution, not an elegant one but it’s working :)
I’ve just put my html code into the “description” area and check “Use the description to create a Text Block.”.
If you don’t have other solution more “elegant” please consider that the topic can be close.
Thanks a lot, cheers,
Blue_bear
Hi,
@shreinmedia 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 #wrap_all .av_header_transparency {
position: absolute!important;
background: transparent;
}}
Best regards,
Yigit
Great, but how do you make it so the box and the content shift to a different color on hover. As I mentioned, I got the icon to do it using this code:
#top .iconbox:hover .iconbox_icon {
background: #FF8133 !important;
border: 4px solid #FF8133;
}
But I can’t find the right code to make the outlined box and text shift.
Thanks.
Hi Ismael,
thanks for your advice. I tried the css.
It works, but not in the way I want.
My aim is that the Slider has max-height:630px, the width can be larger than 1500px.
But if the width is larger than 1500px the picture shall be cut at the top not at the bottom..
Is this possible?
Best regards
ridcon
Hi,
Please refer to this post – https://kriesi.at/support/topic/woocommerce-2-6-problem-urgent/#post-650161
Best regards,
Yigit
Hey sgkeil,
You could try limiting the width of the rotator:
#top span.av-rotator-text {
max-width: 500px;
display: block;
margin: 0 auto;
}
Best regards,
Josue
Hey!
Try adding this code to the Quick CSS:
.pagination_split_post:before {content: "Pages";margin-right: 15px;float: left;}
.pagination_split_post > span, .pagination_split_post a {display:block;float:left;font-size:11px;line-height:13px;padding:2px 9px 1px 9px;text-decoration:none;width:auto;}
#top .pagination_split_post .current, #top .pagination_split_post a, #top .pagination_split_post > span, #top .fullsize .template-blog .pagination_split_post a{
float: left;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
padding: 0;
border-radius: 100px;
margin-right: 3px;
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
}
.pagination_split_post .current{
font-size:11px;
padding:1px 9px 1px 9px;
font-weight: bold;
}
Cheers!
Josue
Hey,
1. Enable custom classes for ALB elements.
2. Create a new Text Block after the Image element and fill it with the contents of the two Text Blocks.
3. Set a class of only-desktop to the two columns preceeding the image.
4. Set a class of only-mobile to the new Text Block you created in 2.
5. Add this to Quick CSS:
@media only screen and (min-width: 767px) {
.only-mobile {
display: none; }
.only-desktop {
display: block; } }
.only-mobile {
display: block; }
.only-desktop {
display: none; }
Best regards,
Josue
Hi,
Open js/shortcodes.js and look for:
big_prev.stop().animate({opacity:0}, function()
{
$next.insertAfter(oldImg);
oldImg.remove();
big_prev.animate({opacity:1});
big_prev.attr('title',$(_self).attr('title'));
});
Replace it by this:
big_prev.stop().animate({opacity:1}, function()
{
$next.insertAfter(oldImg);
oldImg.remove();
big_prev.animate({opacity:1});
big_prev.attr('title',$(_self).attr('title'));
});
Regards,
Josue
Hi,
Are you using the sorting functionality in your Portfolio page? doing something like this could work:
https://kriesi.at/support/topic/create-a-link-to-an-open-gallery/#post-427405
Best regards,
Josue
Hi,
To make changes to only single post pages Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top.single-post .post-entry {
max-width: 800px !important;
left:50%;
transform:translate(-50%);
}
Best regards,
Vinay
-
This reply was modified 9 years, 9 months ago by
Vinay.
Hey Lucille,
1. Hm, i don’t know if that’s possible to be honest, you may get a workaround using a plugin like this – https://wordpress.org/plugins/easy-custom-auto-excerpt/
2. Add this to Quick CSS:
#top.archive article.post-entry {
margin-bottom: 150px;
}
3. Can you post a screenshot / mockup of what you want to achieve here?
Best regards,
Josue
wir haben dies hier,
kriesi.at/support/topic/woocommerce-2-6-problem-urgent/#post-650783
auf unsrerer Seite ausprobiert, alles läuft super.
Hi there I have a load of weird styling issues since upgrading enfold to 3.6.1. There is the bottom styling arrow now at the very top of my homepage and most of my pages have lost their advanced editor layouts on thr live version even though when i go into the backend everyting appears to be fine. I have since used FTP to upload the new enfold version with the same results. The main pages are a huge concern as the backgound colour is a dark blue which is making the body copy impossible to read. The columns have gone and now it all appears jumbled.
On mobile devices things get worse as the 5 column elemens now overlap and are illegible. This is the first time since I have done an update with enfold that i have had problems this bad. I need your help urgently as I have a website and graphic design business and this is my business and the face of it so anyone looking at it currently will wonder what i am all about!
have a look at the homepage and then the hoardings page for example under the services dropdown for exaples of what i am reffering to. Also check the site on a mobile device to see the overlapping i mentioned.
Hi,
I installed the “enfold hotel” demo of enfold on my website and have some problems:
1.) the prices at the products are not shown. The only case the price will show up is when I used variation and put 2 variations with different prices.
2.) I just wanted to show 1 price on the overview product page, not a range like “100-200”.. just “100” or “200”. What I have to do?
3.) I installed an extension of woocommerce to display some additonal opptions. The error-message of this extension are not shown and the support of this extension product wrote: “Regarding the issue ‘not showing validation error messages in product page’, this is happening only for the products which is designed using the Advanced Layout Editor (Avia Layout Builder), for some reason some of the WooCommerce hooks are not working in this case. I have spend some time to find a solution to this issue, but seems this has to be fixed from Enfold side.”
So, they said “but seems this has to be fixed from Enfold side”… what I should do to get this error messages work?
4.) I resized the shop symbol (the floating one on the right side) with this code:
a.cart_dropdown_link {
font-size: 32px !important;
}
this worked fine! but when I try to change the position with this code here:
a.cart_dropdown_link {
top: 100px;
position: relative;
}
just the icon will move but not the whole shop function (there is still a white-bordered box at the same place and when you scroll over this white-bordered box the shop content will shown immediately – but this should happen when you scroll over the shop-icon).
best regards,
Alex
I need you help with the behaviour of a LayerSlider at
dev.schoenheitsop-ratgeber.de
The picture in the slider has the dimensions 1400 * 630
My slider options are:
Slider width: 1400
Slider height: 630
Responsive mode: ON
Max-width: not set
Full-width: ON
Responsive under: 1400
Layers container: 1400
On desktop screens everything is fine,
On smaller screens the picture is responsively shrinking, but the height of the slider stays at 630 Px which causes a big white space on iPad or iPhone.
What do I have to change that the slider is fully responsive so that there does not remain the whitespace on tablets and smartphones.
-
This topic was modified 9 years, 9 months ago by
Inspigate.
Hello Ismael,
… in this one-page-website
we want show the secondary-menu (here position at the right side of the page)
not during or viewing the first section,
but AFTER scrolling to the hashtag #eft, “EFT” in the menu, the second section in this case
and fade it out again after scrolling to #TOP respectively #Willkommen.
But anyway it would be nice to have the possibility to animate
any element after reaching some special hashtag.
Thank you very much
Hi,
To fix the instagram image overlay width on hover please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .av-instagram-item .image-overlay.overlay-type-image {
left: 0 !important;
width: 100% !important;
}
Best regards,
Vinay
Hi Ismael,
Yes, I am aware of that. That is not the problem. Please see my original message above. The logo resizes automatically, it was was just for test to see what it would look like.
However, we need to have a larger sized logo so that it would be more visible. It will obviously not be 1041x902px but it does need to be slightly larger than the other one 185x67px. And because of it’s square shape and the fact that it needs to be larger that the other one 185x67px it would not fit in the current space. Can you please help with the 3 issues I mentioned in my original message:
”
Hi,
I would like to have a different logo and link on a single page. I added this code in functions.php which seems to work:
add_filter(‘avf_logo’,’av_change_logo’);
function av_change_logo($logo)
{
if(is_page(72344)) {
$logo = “http://www.vuelio.com/uk/wp-content/uploads/2016/06/2016-Blog-Awards-Trophy-Design.png”;
}
return $logo;
}
add_filter(‘avf_logo_link’,’av_change_logo_link’);
function av_change_logo_link($link)
{
if(is_page(72344)){
$link = “http://www.vuelio.com/uk/blog-awards/”;
}
return $link;
}
However the logo on this specific page is larger than the logo on the rest of the site and square shaped so I would like to increase the height of the header containing the logo and the main menu (only on this page) while also keeping the main menu centered vertically within this new space.
This square shaped logo also doesn’t look good when scrolling down with the sticky header active. Is it possible to deactivate the sticky header on this page alone?
Finally, on the same one page, is it possible to deactivate the top bar containing the secondary menu?
I hope you will be able to help with the 3 issues above.
Thanks,
Flavius
“
Hi,
Thank you for your answer.
I unfortunately could not work this code. Now is in the webpage your demo code. Sale button is on the right bottom corner, but how can I set so, that Sale button as picture % would be on the left top corner?
Best regards,
Eve KJ
Hello Ismael,
This site is not ready yet, but I can give you the link and credentials of the location where the site is for this moment.
Please see the Private content.
You’re saying that I should use css media queries, but I’m not sure how to do this.
I’ve set the negative padding (margin-top) in the row settings of my first column (see sample-4.jpg). With firebug I could see that this is “flex_column_table av-equal-height-column-flextable” that has the -100px margin-top.
But how can I change this so that this only effects this first row and nog all the other ones?
Thanks
Best regards,
Nin0
Hi,
Great, glad we could help. Please let us know if you should need any more help on the topic.
Thanks,
Rikard