-
AuthorPosts
-
March 17, 2017 at 1:44 am #762291
The forums have been a huge help in customizing my site but I am still having a few small issues that I cannot find fixes for. I’ve included example of what I am trying to replicate in my wordpress site.
1. I’d like to be able to customize the button to be a larger version of light transparent text in box with clickable link that changes color on mouseover. This will be placed in center of each color sections with parallax background images.
2. Is it possible to increase parallax effect on desktop and replicate parallax effect on mobile?
The website is near complete and fairly simple. I love the new hamburger menu.
- This topic was modified 7 years, 9 months ago by AMseptemeber. Reason: Password updated
March 20, 2017 at 3:03 am #763425Hey AMseptemeber,
Can you please provide a link to your site as well as admin login credentials so we can look into this further.
Best regards,
Jordan ShannonMarch 20, 2017 at 5:05 am #763465I did provide the link and login credentials in the original post. Are they not visible? copying and pasting again in private data.
- This reply was modified 7 years, 9 months ago by AMseptemeber.
March 20, 2017 at 5:07 am #763468Hi,
Is http://kozdra-baczulis.com your site or the one you are trying to emulate?
Best regards,
Jordan ShannonMarch 20, 2017 at 5:12 am #763469it is the site that I am trying to emulate. My mistake in leaving my website address out, smh. Sorry about that. I have added it below.
- This reply was modified 7 years, 9 months ago by AMseptemeber.
March 20, 2017 at 5:01 pm #763697Hi,
I added the following to functions.php to manage the parallax ratio:
add_filter('avf_parallax_speed','avia_change_parallax_ratio', 10, 2); function avia_change_parallax_ratio($ratio, $id){ $ratio = "0.5"; return $ratio; }
I the ratio is set to 0.5 but you can set a higher value (0.5) to increase the speed or a lower value to decrease it.
As for the buttons I added the following to quick css:
.avia-button.avia-size-x-large { padding: 50px 50px 50px !important; font-size: 30px!important; min-width: 482px!important; } #top .avia-button.avia-color-light:hover { color: #000; border: 3px solid #fff; background: #fff; opacity:1; } body div .avia-button{ display:inline !important; }
Let me know if this is what you needed.
Best regards,
Jordan ShannonMarch 21, 2017 at 1:39 am #763937Its perfect! Thank you so much Jordan
March 21, 2017 at 7:02 am #764031Hi,
Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)Best regards,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.