Hi, i created a one pager with this theme. the 5th block element on the page is a News section. This News section loads 3 News items and has pagination to go to the next news items. When I click pagination , then the next news items are loaded, but the page jumps to the top. I want to stay on that News section and not need to scroll down again. How can I change that? The url is http://bit.ly/23EB0w9

Hi

i’m getting this error:

Fatal error: Uncaught Error: Function name must be a string in /var/www/anjanielsen.dk/public_html/wp-content/themes/enfold/framework/php/class-htmlhelper.php:222 Stack trace: #0 /var/www/anjanielsen.dk/public_html/wp-content/themes/enfold/framework/php/class-htmlhelper.php(131): avia_htmlhelper->render_single_element(Array) #1 /var/www/anjanielsen.dk/public_html/wp-content/themes/enfold/framework/php/class-adminpages.php(205): avia_htmlhelper->create_container_based_on_slug(Array, ‘avia_active_con…’) #2 /var/www/anjanielsen.dk/public_html/wp-includes/plugin.php(525): avia_adminpages->render_page(”) #3 /var/www/anjanielsen.dk/public_html/wp-admin/admin.php(236): do_action(‘toplevel_page_a…’) #4 {main} thrown in /var/www/anjanielsen.dk/public_html/wp-content/themes/enfold/framework/php/class-htmlhelper.php on line 222

What to do??

hello,

i was looking at this image on the enfold settings page and found i nice feature i would like to know about:

https://www.dropbox.com/s/fgjcwt8grkqhavy/Settings%20image.png?dl=0

how do you add those links like login and sing up on the top bar?

hello,

if you look at the top bar of the engloish section of my site you will see that the social media and language switcher look nice:

http://www.ezone.ae

but have a look at the arabic side and you will find that its a bit of a mess, the line between Facebook and instagram is missing, and the english icon is stuck to the line thats stuck to the twitter icon (which i think is supposed to be the line between Facebook and instagram) and then the space between the arabic and english is wide and there is a line sticking to the english word:

https://www.ezone.ae/ar/

heres a picture if you didn’t understand what i said:

https://www.dropbox.com/s/7gxg0us0oa8wcid/Arabic%20Site%20Social%20media%20and%20language%20switcher.png?dl=0

how do i fix that?

Hi there,
(Latest WP and latest Enfold as of today.)

i’m working on a one page design with color sections for each content block. One of these should be

60% image background with a header element on top (full width, transparent color background at 0.3 opacity) at the bottom of said section made from color section (#personal-id1)
40% text content made from color section with text-element inside (#personal-id2)

So far i’ve created two color sections with 75% min height and resp. 25% min height and inserted a header element in the first and a text-element in the second.
.
I’ve then tried aligning the header with e.g.

#presonal-id1 h2 { vertical-align: bottom !important; }
among other tries within the quick css of the enfold child theme, but this doesn’t have the desired effect.
How can i achieve this?

Also: How can i provide extra percentage sizes for the color sections (e.g. 60/40) different from the standard ones?

Looking forward to your help!
Thanks

• This topic was modified 9 years, 10 months ago by hpexperten. Reason: corrected css code entry, minor typo

Hi guys,

I’ve recently been testing CSS animations on blank pages on my Enfold site by placing my class name in the ‘For Developers: Section ID’ of a colour section. On my current page I’m trying to place two colour sections named ball and ballSquare.

In my CSS I currently have:

#ball {
	position: absolute;
	top: 50%;
	left: calc(50% - 200px);
	width: 100px;
	height: 100px;
	transform: translate(-100%,-100%);
	background: #009640;
	border-radius: 100%;
	animation: move-with-mb 2s infinite ease-in-out;
}

@keyframes move-with-mb {
	0%, 100% { transform: translate(-50%,-50%) scaleX(.9); }
	25% {
		transform: translate(-50%,-50%) scaleX(1.2);
		box-shadow: -10px 0 5px rgba(86,15,100,3,0.2),
								-20px 0 2px rgba(86,15,100,3,0.1);
	}
	50% {
		transform: translate(-50%,-50%) scaleX(.9);
		left: calc(50% + 200px);
	}
	75% {
		transform: translate(-50%,-50%) scaleX(1.2);
		box-shadow: 10px 0 5px rgba(41,128,185,0.2),
								20px 0 2px rgba(86,15,100,3,0.1);
	}
}

and

#ballSquare {
	position: absolute;
	top: 50%;
	left: calc(50% - 200px);
	width: 100px;
	height: 100px;
	transform: translate(-100%,-100%);
	background: #009640;
	border-radius: 10%;
	animation: move-with-mb 2s infinite ease-in-out;
}

@keyframes move-with-mb {
	0%, 100% { transform: translate(-50%,-50%) scaleX(.9); }
	25% {
		transform: translate(-50%,-50%) scaleX(1.2);
		box-shadow: -10px 0 5px rgba(86,15,100,3,0.2),
								-20px 0 2px rgba(86,15,100,3,0.1);
	}
	50% {
		transform: translate(-50%,-50%) scaleX(.9);
		left: calc(50% + 200px);
	}
	75% {
		transform: translate(-50%,-50%) scaleX(1.2);
		box-shadow: 10px 0 5px rgba(41,128,185,0.2),
								20px 0 2px rgba(86,15,100,3,0.1);
	}
}

Unfortunately only #ball seems to appear on the web page itself (URL in Private content section).

Strangely, allowing sidebars on this page also causes no CSS animations whatsoever to appear.

Does Enfold purposefully have a limit of 1 CSS animations per page?

• This topic was modified 9 years, 10 months ago by AboveDigital.

Hi

I updated wp 4.5.2, updated the theme and stopped working. Can You help me?