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, 8 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, 8 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
Hi team,
I have asked help twice in my previous ticket but I received no answer.
The problem is that the code below sent me some days ago:
#top .post-entry {
max-width: 800px !important;
left:50%;
transform:translate(-50%);
}
works fine only at post level: content is centered.
But it broke the site format everywhere else (homepage, category page…).
Please refer to the screenshots of the broken pages to see the messy format.
Thanks again.
p.s. I removed the code to allow my site to work well. If you need to verify the problem please let me know and I will put it again at Quick CSS.
Hi,
Glad we could help, please let us know if you should need any more help on the topic.
Regards,
Rikard
Hi Andre,
Great, glad you got it working. Please let us know if you should need any more help on the topic.
Regards,
Rikard
Hi John,
Simply paste the CSS you want to apply to screens above mobile by replacing /* Add your Desktop Styles here */ in Ismaels post. Media queries are CSS so please use them in Quick CSS.
Best regards,
Rikard
Hi spleeky,
Ok great, glad you got it fixed. Please let us know if you should need any more help on the topic.
Regards,
Rikard
Hi,
Glad you got it working, please let us know if you should need any more help on the topic.
Regards,
Rikard
Hey aerpas,
I’ve tagged the topic for our spanish speaking moderators, please wait for their replies.
Best regards,
Rikard
Hi,
Great, glad we could help. Please let us know if you should need any more help on the topic.
Regards,
Rikard
Hi Derek,
I’m not sure what you are referring to since you linked to the theme overview page, if you click Remove Frame in the top right hand corner of the screen you will be able to see the direct URL.
Best regards,
Rikard
Hi Linda,
Great, glad you got it working. Please let us know if you should need any more help on the topic.
Best regards,
Rikard
Hi David,
I tend to agree, it’s usually only developers and designers who do that :-)
Let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Great, glad we could help. Please let us know if you should need any more help on the topic.
Regards,
Rikard
Hi,
Sorry for the delay. How did you add the color section on top of the archive or category items? I’m referring to the color section with this text:
These are the families who have taken a leap of faith and committed to adopt one or more of our orphaned children most recently.
We are thrilled to have them, and so grateful for this life-saving step to rescue our angels!
Your continued financial support will give them the strength and courage to continue this journey!
Best regards,
Ismael
Hi,
I see. Add the !important rule after the css value:
@media only screen and (min-width: 769px) {
.nodesktop {
display: none !important;
}
}
Best regards,
Ismael
Hi,
What if you only display the “columns” on mobile view and the “graphic” on desktop? Toggle their display with css media queries. http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/
Best regards,
Ismael
Hey norcalnathan,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#footer .widget {
margin: 0 !important;
}
#footer .textwidget{
padding-top: 20px;
}
Best regards,
Vinay
Hello. What I want to do is have a thumbnail, and then have it link to the larger image that opens in a new tab. It keeps opening in a lightbox though. How do I get it to stop doing that?
@AvidImagination have you seen my posting? https://kriesi.at/support/topic/woocommerce-2-6-problem-urgent/#post-650161