Forum Replies Created
-
Posts
-
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!
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.
Hi 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;
}Hi!
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 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!
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 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.
Hi,
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.
Hi Ismael,
I understand, so I made a custum class field called “prijstabel”.
In the CSS code I replaced “.avia-table.avia_pricing_default.avia-table-1.avia-builder-el-6” with “.prijstabel”.
As you can see it works fine for the top row of the table, but it doesn’t have any effect on the pricing row. I cannot find the mistake, hopefully you can help me with it.
The code as it is:
.prijstabel .pricing-table-wrap:first-child li .avia-pricing-row {
background-color: #c18100;
color:#ffffff;
border-color: #c18100; }.prijstabel .pricing-table-wrap:nth-child(2n) li .avia-pricing-row {
background-color: #edc112;
color:#ffffff;
border-color: #edc112; }.prijstabel .pricing-table-wrap:nth-child(3n) li .avia-pricing-row {
background-color: silver;
color: #4c4b4b;
border-color: silver; }Thanks again!
Hi Victoria,
The code you’ve send worked fine, untill I deleted an image from a text block above the pricing table. Really weird. They’re not even in the same content block. But now the pricing table is completely in the theme colors. Hope you can help me find this bug.
I made a screenshot of when the table was fine and the image was still in the textblock above. In the URL you can see how it is now with a green pricing table.
The code I’m using:
.avia-table.avia_pricing_default.avia-table-1.avia-builder-el-6 .pricing-table-wrap:first-child .avia-heading-row {
background-color: #ea9c00;
border-color: #ea9c00;
}
.avia-table.avia_pricing_default.avia-table-1.avia-builder-el-6 .pricing-table-wrap:nth-child(2n) .avia-heading-row,
.avia-table.avia_pricing_default.avia-table-1.avia-builder-el-6 .pricing-table-wrap:nth-child(2n) .avia-heading-row .pricing-extra {
background-color: gold;
border-color: gold;
color:#ffffff;
}
.avia-table.avia_pricing_default.avia-table-1.avia-builder-el-6 .pricing-table-wrap:nth-child(3n) .avia-heading-row {
background-color: #DADADA;
border-color: #DADADA;
color:#4c4b4b;
}
.avia-table.avia_pricing_default.avia-table-1.avia-builder-el-6 .pricing-table-wrap:first-child li.avia-pricing-row {
background-color: #c18100;
color:#ffffff;
border-color: #c18100
}
.avia-table.avia_pricing_default.avia-table-1.avia-builder-el-6 .pricing-table-wrap:nth-child(2n) li.avia-pricing-row {
background-color: #edc112;
color:#ffffff;
border-color: #edc112;
}
.avia-table.avia_pricing_default.avia-table-1.avia-builder-el-6 .pricing-table-wrap:nth-child(3n) li.avia-pricing-row {
background-color: silver;
color: #4c4b4b;
border-color: silver;
}Thanks again!
