Forum Replies Created
-
AuthorPosts
-
May 29, 2019 at 5:48 pm in reply to: change font color of active hover state hamburger menu item #1105219
Hi Rikard,
Unfortunately this is not working. This changes all active menu items to white, but I need it only for the HOVER state of an active menu item. And then only for the hamburger menu on mobile phone. You can check what I mean by opening the page and making the window smaller.
So it should be like this:
Hamburger menu (only visible on mobile phone)- standard: white background, grey font
- active menu item: white background, purple font
- hover: purple background, white font
- active menu item, hover: purple background, white font (<– this one is now grey font and needs to be white)
-
This reply was modified 5 years, 10 months ago by
JantienM.
May 24, 2019 at 10:19 am in reply to: change font color of active hover state hamburger menu item #1103879Hi Basilis,
The code is not working because the font color is still grey now and I need it to be white. You can see it in the url I posted as well. It’s only still grey now on an active menu item and then when you hover it, in that state I need it be white as well.
Hope you can help me out with other coding, thanks.
-
This reply was modified 5 years, 10 months ago by
JantienM.
Thanks Victoria,
I installed the plugin “No Category Base (WPML)” and that is working!
Topic can be closed.
Hi Ismael,
Thanks for your reply. Just wanted to add that I found another solution. I let go of the LayerSlider and I installed the plugin Image Hover Effects Ultimate – Captions Hover with Visual Composer and was able to accomplish what I had in mind.
Thanks!
Hi Mike,
It is actually the other way around I want the past events to be visible in /agenda.
On the homepage I only want to show the current events. It is working right now because I offsetted it manually in the post slider. I would like to know if I can do this automatically in the post slider on the homepage.
Hope this makes sense to you ;-)
I tried the code you suggested, but that is not working for my post slider.
-
This reply was modified 5 years, 11 months ago by
JantienM.
Hi Victoria,
I finally found out what the problem is, I had set a dot behind “category base” in the WordPress permalinks settings, to disable the word “category” in the url. Once I removed this, the pagination is working again.
But is there a way of losing the word “category” in the url AND be able to use the pagination?
Thanks for helping out!
-
This reply was modified 5 years, 11 months ago by
JantienM.
Hi Mike,
Sorry for my late reply… I will put the url in private content. The slider is visible on the homepage. The calendar is visible at /agenda.
Thanks!
Hi Victoria,
Sory that took a while. In the mean time I deactivated all my plugins but the problem still resists.
Hope someone can help me out here… Thanks a lot
Hi Ismael,
I have the same issue. In layerslider I want a layer to appear only when the user hovers. The layer I want to appear is a tooltip. Beneath this layer is another layer with an image. This image has a hover transition (it rotates when the user points at it).
I tried several ways to make work what I want:
1 Added a text layer and tried to make it work through the hover transition; problem here is that it is already visible, I can’t make it work that it is invisible unless the user points at it.
2 Added an icon with tooltip as shortcode; problem with this option: the tooltip won’t show when I place it at the same spot as the image
3 Tried to find a way of adding custom css to the image under the styles tab of the layer with the image, but thought maybe that’s too complicated and decided to ask you guys firstThanks!
Update: After some research I found out that the two layers have to be placed in one div otherwise two hovers cannot be active at the same time. Is there a way to put two layers in one div using custom css? On this site it says you have to use javascript, but there is also mentioned to wrap both in one div: https://stackoverflow.com/questions/28148040/how-to-hover-mutiple-div-in-the-same-time.
-
This reply was modified 5 years, 12 months ago by
JantienM.
March 20, 2019 at 9:35 am in reply to: How can I change the default hotspot numbers to an emoticon/image? #1080727Hi, I found it out. I added font-size: 22px; and that worked!
March 20, 2019 at 9:27 am in reply to: How can I change the default hotspot numbers to an emoticon/image? #1080726Hi Jordan,
Thanks, this works. Do you also know a way to change the size of the icon? I tried the following code, but that only applies to the size of the hotspot itself and not the size of the icon. Thanks again!
.responsive .av-image-hotspot {
height: 32px;
width: 32px;
line-height: 32px;
}
.responsive .av-image-hotspot-pulse {
top: -11px;
left: -11px;
}March 19, 2019 at 9:41 pm in reply to: How can I change the default hotspot numbers to an emoticon/image? #1080553Hi!
The code above works great, I’m just curious how can I use another icon? Somehow you have pasted a star in the code, I want to use the bullseye though. How can I put it instead of the star?
Thanks!
Hi Basilis,
I understand I have a category. Victoria mentioned before that I also have a page called “nieuws”. I explained that I haven’t. I still don’t understand why the pagination on the category “nieuws” is not working. When I click on page 2, I get an error. Hope someone can help me out!
Thanks a lot.
Hi Victoria,
Sorry that took a while for me to answer your solution. I do not have a page called “nieuws”. So I do not entirely understand what causes the conflict.
Hope you can help me out!
Hi Victoria,
I made a login fo you, see private content.
I have a category called “nieuws”, see exact page in private content.
Thx
-
This reply was modified 6 years, 3 months ago by
JantienM.
Hi Victoria,
I tried the solution of Michael, but then the layout of my header changes too much and I have to adjust that, which didn’t work out as I wanted. The margin of the menu bar gets lost that way.
The solution of Guenni007 is working great though.
Thanks!
Yes , this is what I needed! It works, thanks a lot Guenni007!
-
This reply was modified 6 years, 3 months ago by
JantienM.
Update: I found out that the newest version of enfold has a seperate js file for the shrinking header called “avia-snippet-sticky-header.js”.
Is there a way to put this file in the child theme? I tried copying this file to my child theme and make the changes there, but that doesn’t do the trick.Hope you can advise me on this!
Thanks a lot!
Hi Ismael,
Thanks so much, I didn’t realise I could ignore the blockcode code. It works perfectly now!
Topic can be closed.
The code as described on this page: https://kriesi.at/documentation/enfold/post-slider/#how-to-add-an-orderorderby-option-to-the-blogpost-sliderportfoliomasonry-grid-element
the error appears when I put the code in my funtions file. It can only be reproduced by putting the code in yourself. The code is automatically not saved bij the theme because of the error. I have decribed the eroor in my first thread:
I get an error saying my PHP changes are reversed cause of an error on line 147 in file wp-content/themes/enfold-child/functions.php:
syntax error, unexpected ‘wrapper_element’ (T_STRING), expecting ‘]’It keeps giving this error when I add the code. Also when I put it in my normal (non-child) functions file and also when I delete the rest of the code in my child-functions file.
Hi Basilis,
I checked, but the code still gives the same error. I’m not sure what you did/changed?
I’m sorry, it still doesn’t work… It gives the same error message.
Hi Victoria, I removed all other code but the problem still persists.
Yes!
Hi Victoria,
I changed it into:
.av-mobile-fallback-image .av-slideshow-caption .avia-caption-content {
display: none;
}That way de title is still visible and only the subheader is not visible.
Thanks a lot!
Topic can be closed.
September 28, 2018 at 5:17 pm in reply to: Enfold Instagram Widget not Working (Enfold 4.2.6, PHP 7.2) #1015809Hi,
My Instagram widget is not working either. I get this error message when replacing the file suggested:
Uncaught Error: Call to undefined function avia_get_theme_version() in wp-content/themes/enfold/framework/php/class-framework-widgets.php:135
Stack trace:
#0 wp-includes/class-wp-hook.php(286): avia_fb_likebox->handler_wp_register_scripts(”)
#1 wp-includes/class-wp-hook.php(310): WP_Hook->apply_filters(NULL, Array)
#2 wp-includes/plugin.php(453): WP_Hook->do_action(Array)
#3 wp-settings.php(450): do_action(‘init’)
#4 wp-config.php(101): require_once(‘/home/froni69/d…’)
#5 wp-load.php(37): require_once(‘/home/froni69/d…’)
#6 /home/froni69/domains/fronikboerderij.nl/public_I am running the latest theme version.
UPDATE: I realised that I’m not running the latest theme version. I treid updating it, but it also gives errors. I will try fixing that first.
-
This reply was modified 6 years, 6 months ago by
JantienM.
Yes that worked. Thanks, topic can be closed.
September 28, 2018 at 12:16 pm in reply to: background image content section zooming on mobile devices #1015722Ok thanks, topic can be closed.
September 28, 2018 at 12:13 pm in reply to: white space above hamburger menu on small screen #1015721Thanks Jordan, that worked. Topic can be closed.
-
AuthorPosts