cant work out a way to get clients brief in enfold.
client wants image boxes with hover effect with text over the top.
the read more blue circle is to pop up or slide in the bottom right hand corner.
cant seem to even get close
Urgent
Hi Jordan and thank you for your help, but this is still a problem.
Josue showed me how to do this over a year ago here with a Code Block (the only change I made was to switch from “contact” to “connect”
https://kriesi.at/support/topic/anchor-without-color-section/#post-452955
Let’s stay with the Code Block method. It works as well as your Color Section method.
The problem is, even with your Color Section solution and the Code Block solution, both do not scroll to anchor. Selecting the Main Menu link “Connect” reloads the page, then goes to anchor position. No scrolling.
1. I tried your Color Section by doing this:
I have cleared the cache on the web host and the browsers and attempted to scroll to anchor on the latest versions of Safari, Safari Technology Preview, Chrome, Chrome Canary, Firefox and Firefox Developer Edition. It does not scroll.
2. The same thing happens with Josue’s Code Block solution. Why is it not scrolling on ALL of those browsers?
I’m sure it is a simple solution.
Thank you for your help,
Jas
Hi,
the customer approved the solution. So we can close this topic / ticket.
Thank you very much!
Thank you. It is checked, but that didn’t resolve it. I am talking about emojis like these: 😍🤗🦋🦄✨💖
They worked up until a couple days ago and I don’t know why they stopped.
Hi, I’d like to use a Promo Box on a page and have the button add a product to my off-site FastSpring order. Below are the instructions from FS, but I can’t get it working with a Promo Box and can’t figure our a different suitable layout element. Is there any way to make the button link work with a POST method rather than a simple URL hyperlink? Any ideas most appreciated.
Sample Code
In these examples, the company ID is julie and the product’s Partial URL Path Name is fontmaker. This order flow utilizes a form with POST method rather than a simple hyperlink.
HTML that may be embedded into an existing web page:
For display as button:
<form method=”POST” action=”http://sites.fastspring.com/julie/product/fontmaker?action=add” target=”_top”>
<input type=”submit” value=”Add to Order” /></form>
For display as link:
<form method=”POST” action=”http://sites.fastspring.com/julie/product/fontmaker?action=add” target=”_top”>
<a href=”http://sites.fastspring.com/julie/product/fontmaker?action=adds” onclick=”this.parentNode.submit();
return false;”>Add to Order</form>
Thanks,
Jill
Hi Jordan,
Well it doesn’t make any difference. On this page: http://henkabbenhues.nl/collages-3/ you will see the middle image with a title called Title. But nothing on the pop-up. And I do not want the border and title to be shown on this page. Only at the pop pup..
Best regards,
Tes
PS: Can you also help me out with this issue:
The three images aren’t exactly on the same height but they are the same size. There is a very small difference on the top i see. And it looks like something with the image overlay. Can you help me with this?
Hi Jordan,
1) I think I already managed the centered ‘problem’.
2) Yes, I mean for the pop-up.. It’s not showing any..
Another thing:
On this page: http://henkabbenhues.nl/collages-3/
The three images aren’t exactly on the same height but they are the same size. There is a very small difference on the top i see. And it looks like something with the image overlay. Can you help me with this?
Thanks in advance.
Best regards,
Tes
Hey,
Seems like some plugin is stopping jQuery from working correctly. Can you please try de-activate all active plugins and check if that helps?
Best regards,
Yigit
Hi,
I have been breaking my head around this and I cannot get it to work.
I need to position the button in the top right corner over the fullwidth slider for mobiles, tablets and desktops.
Now below the 360px breakpoint it does show the positioning change which is great, however, once testing this in 768px the position resets to default of the theme and the quick css is ignored, I don’t understand why?
I have been trying out the following code with no avail or any success in sight.
Any help would be appreciated:
@media only screen and (max-width: 360px) {
#top .avia-slideshow-button.avia-color-light {
position: absolute;
top: 0px !important;
left: 200px !important;
text-transform: none;
font-weight: normal;
}
}
@media only screen and (max-width 768) {
#top .avia-slideshow-button.avia-color-light {
position: absolute;
top: -200px !important;
left: 600px !important;
text-transform: none;
font-weight: normal;
}
}
Hi See screenshot – https://screencast.com/t/AxPTl0sBTFG
Learn More button has a nice hover over behaviour… We want to use that in the slider at the top but, the buttons there are static.. Is it possible to have a ‘learn more’ button in the slider with the nice hover over behaviour?
Hi
We are unable to see images on mobile devices.. It did work but stopped working a few days ago…
I found this on the forum https://kriesi.at/support/topic/images-not-showing-on-mobiles/ and followed the advice, but it did not work.
Thanks
Hi,
Been a while since I was on here, also a while since I worked on this website.
Wondering if you can help?
The text I added to the scroll down button on the home page is now in the top left corner instead of being above the arrow.
I vaguely remember adding to the functions.php of the child theme so removed the script, also removed the css from the styling, however its still there…How do I remove it?
Thanks
Ric
-
This topic was modified 8 years, 10 months ago by
bluebubble. Reason: Misleading title
Awesome. Thank you so much, Ismael!! The topic can now be closed. Have a nice week.
Hey gugler,
Here is a solution
https://stackoverflow.com/questions/8149155/animate-scrolltop-not-working-in-firefox
From the example snippet here, you can see, that you kind of have to delegate the scroll to html and body elements:
$('.arrow-up').click(function(){
$('html, body').animate({scrollTop : 0},300);
return false;
});
If you need further assistance please let us know.
Best regards,
Victoria
Hi Semoore,
Here is some reading on the topic.
https://wordpress.org/support/topic/keyword-in-first-paragraph-not-recognized-by-seo-yoast/
If you need further assistance please let us know.
Best regards,
Victoria
Hi,
Please try adding following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (min-width: 1400px) {
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
width: 101%;
}}
Best regards,
Yigit
Hey Jon,
Please use a child theme – http://kriesi.at/documentation/enfold/using-a-child-theme/ then copy unmodified enfold/framework/php/class-form-generator.php file and paste it inside enfold-child folder and find following at the top and remove it (please do not remove PHP opening tag)
if ( ! defined( 'AVIA_FW' ) ) exit( 'No direct script access allowed' );
and then add following code to Functions.php file of your child theme
require( 'class-form-generator.php' );
Then open class-form-generator.php file in your child theme and find
echo 'jQuery(document).ready(function(){ jQuery(".avia_datepicker").datepicker({
then add following right below that line
beforeShowDay: function(date){
var string = jQuery.datepicker.formatDate('2017-06-18', date);
return [$.inArray(string, array) == -1];
}
Best regards,
Yigit
Shalom,
Your image cannot be found on my end.
That page was created using Advanced Layout Builder. You can simply create a page for your custom shop page and add Color Section element on top with a custom background image and then insert title and description using Special Heading element or Text Block element. You can add WooCommerce elements under Plugins Additions tab of Advanced Layout Builder
Best regards,
Yigit
Hi,
Please edit your page, click “Screen options” on the top right corner and check “Discussions” and then scroll below your content and make sure that discussions are enabled :)
If that does not help, please create a temporary admin login and post it here privately
Best regards,
Yigit
Hi Yigit,
The problem is not with scrolling the popup, but scrolling the page on the back of the popup (the grayed-out area).
That doesn’t happen on mobile browsers but does on mobile browsers.
Also, it doesn’t happen on resized (small) desktop browser windows, and not on other websites I saw (although not running WordPress) so I know there is some solution for it.
Hi,
Great, 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 Victoria,
That worked perfectly, thank you :)
Please keep this topic open as there might be some related issues.
Hi,
Great, 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 sitesme,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css or in in your child theme style.css
@media only screen and (max-width: 450px) {
.responsive #top .logo { opacity: 0; }
#top .av_header_transparency #header_main, #top
.av_header_transparency .avia-menu.av_menu_icon_beside {
background: transparent !important;
height: 0;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
I would like first image in post to become featured image automatically. If that´s not possible it would be ok to add a featured image that automatically becomes top image of post. This was possible before used avia layoutbuilder in post.
In private content theres a link to two post. One were I tried to just add image in post and see if featured/thumbnail automatic became that image and one were I added a featured image and no image in post. Neither work.
So to sum up.
I would like first postimage to be used a featured image automatic. I tried adding the suggested plugin, but that did not seem to work.
Hi,
Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
That’ll be all. You can close the topic ;)
Cheers,
Steven
Hi everyone,
I got some issues with the tab section.
1) The content in the tab 2 and 3 is centered, it should appear at the top of the section like the first one.
2) I would like the section 2 and 3 to adapt their height on their content. I want to keep margins at top and bottom like tab 1. I don’t want the end of the section to be just below the end of the text.
3) I would like the titles of the sections to be displayed on one line and more spaced from each other while still being centered. When I try to add space they seems to go on the left.
Thanks for your help.