Big title section – Green and red button anchor link

This label does not exist.
Yo can change the ribbon_with_bottom_button.php modifying this:

echo ‘<section class=”separator-one”>’;

in this way:

echo ‘<section class=”separator-one” id=”example”>’;

Then, you can go to that section of your web by the address:
https://adress/#exammple

Thanks for the answer! ..but I think you don’t understand the point. Probably it’s my fault, I’m italian and my english isn’t perfect! ??

I can’t upload a screenshot, so I try to explain better by words.

In the section Big Title section (of the personalization sidebar) there are 5 text boxes. Two of them are “Red button link” and “Green button link” that link the buttons to a page or anchor the buttons to the sections of the front page(the red and green ones).

I don’t remember the “text” with the hashtag after the address (..sorry but i don’t know the techinical name) that i have to insert to anchor the button to the green and red sections.

https://adress/#exammple

When I installed the template the two #.. were already there and anchor perfectly the sections, but doing test I erase them.

I hope having explained better the point.

In few words, the problem is:

the “RED button link” doesn’t anchor the “RED section”
the “GREEN button link” doesn’t anchor the “GREEN section”

How can i fix?

I can’t make it simpler! ??

Hi,

You will have to put the anchors to your section in the Big Title section: https://docs.themeisle.com/article/33-how-to-link-menus-to-sections-in-zerif

After that, is it not scrolling or what’s the issue? Also please include the link to your website. ??

Regards,
Hardeep

Hi Hardeep,

thanks for the answer!

I have already tried to insert the link with the anchors but nothing happens ..and i begin to feel stupid!

The site is: https://www.intrecciculturali.it/teatro

I added the anchors to those link in the apposite space of the “Big Title Section”, like this:

https://www.intrecciculturali.it/teatro/#ribbon_bottom
https://www.intrecciculturali.it/teatro/#ribbon_right

When I click the green and red buttons doesn’t scroll to the apposite sections of the page.

Check it, please!

Thanks!

I need an answer, please! ??

I thinked it was simpler..

In the Zerif Lite theme before the update there was only 2 red button link and there wasn’t the Green button link but i think with this update it’s fixed but i changed that part in the code. Anyway,

In your site if you want to people to be redirected to another page when they click the corsi button, for example, then you could only do this, for example:

https://www.intrecciculturali.it/teatro/corsi

corsi being a page created.

If you want the corsi button to be redirected to the page corsi in you menu, it could be:

https://www.intrecciculturali.it/teatro/?page_id=192 in the link of that correspondent button

And for the Spettacoli button could be, for example,
https://www.intrecciculturali.it/Castano/

Did you understand?

I understand and I already knew it.

I appreciate the help ..but you have miss the point. ??

I want to anchor the button to the section of the same page in order that:
when i click the RED button the page scrool to the RED section ..and if i click the GREEN button the page scrool automatically to the GREEN section! Simple!

That is the originary function of the theme!

I don’t want to link to another page, i want anchor a section of the same page!

The links must be something like this, ..but doesn’t function anymore!

https://www.intrecciculturali.it/teatro/#ribbon_bottom
https://www.intrecciculturali.it/teatro/#ribbon_right

Jose-Angel above already gave the correct answer.

The existing anchors #focus, #aboutus, #contact, …, #latestnews for frontpage sections are described in zerif lite documentation at Navigation.

Your #ribbon_bottom and #ribbon_right anchors do not exist in code.

Workaround as described by Jose-Angel:

1. in file sections/ribbon_with_bottom_button.php look for this:

echo '<section class="separator-one">';

Replace with this (1 change):

echo '<section class="separator-one" id="ribbon_bottom">';

2. in file sections/ribbon_with_right_button.php look for this:

if( !empty($zerif_ribbonright_buttonlabel) && !empty($zerif_ribbonright_buttonlink) ):

	echo '<section class="purchase-now">';

else:

	echo '<section class="purchase-now ribbon-without-button">';

endif;

Replace with this (2 changes):

if( !empty($zerif_ribbonright_buttonlabel) && !empty($zerif_ribbonright_buttonlink) ):

	echo '<section class="purchase-now" id="ribbon_right">';

else:

	echo '<section class="purchase-now ribbon-without-button" id="ribbon_right">';

endif;

Then your links will work.

Thanks!

It was the first time that I edit the script and I was a little afraid about it, but it was simple!

WordPress editor with the various sections it’s very useful for newbie!

I replace the strings ..and it works!

..but only for the bottom_button (that now it’s ok!); instead, in the right_button I can only change the first string

echo ‘<section class=”purchase-now”>’;

because the other one doesn’t exist. I can’t find this:

echo '<section class="purchase-now ribbon-without-button">';

endif;

Can you help me?

Hello,

Just go to line number 18 in file “sections/ribbon_with_right_button.php”. You will get that code.
You can make changes as explained above.

Thank You

Sorry, but I can’t find that at line 18.

What script I have to change?

Thanks! ??

<?php 

	$zerif_ribbonright_text = get_theme_mod('zerif_ribbonright_text');

	if( !empty($zerif_ribbonright_text) ):

		echo '<section class="purchase-now" id="ribbon_right">';

			echo '<div class="container">';

				echo '<div class="row">';

					echo '<div class="col-md-9" data-scrollreveal="enter left after 0s over 1s">';

						echo '<h3 class="white-text">';

							echo __($zerif_ribbonright_text,'zerif-lite');

						echo '</h3>';	

					echo '</div>';

					$zerif_ribbonright_buttonlabel = get_theme_mod('zerif_ribbonright_buttonlabel');

					$zerif_ribbonright_buttonlink = get_theme_mod('zerif_ribbonright_buttonlink');

					if( !empty($zerif_ribbonright_buttonlabel) && !empty($zerif_ribbonright_buttonlink) ):

						echo '<div class="col-md-3" data-scrollreveal="enter right after 0s over 1s">';

							echo '<a href="'.$zerif_ribbonright_buttonlink.'" class="btn btn-primary custom-button red-btn">'.__($zerif_ribbonright_buttonlabel,'zerif-lite').'</a>';

						echo '</div>';

					endif;

				echo '</div>';

			echo '</div>';

		echo '</section>';	

	endif;

?>

Hello,

It seems that you haven’t opened correct file, please make sure you have opened file from “sections/ribbon_with_right_button.php”.

Thank You

??

What does it mean? There is a not correct way to open it?

I open the section and I copy all the script; probably it’s the previous version that I have not updated. I don’t know, I have download the theme about 2 months ago.

https://s16.postimg.org/xxvc65vz9/zerif_ribbonright_section.jpg

Thanks! ??

Hello,

Please update your theme to the latest one. Current version is 1.8.2.3.
And also please use child theme to make your changes update proof.
https://docs.themeisle.com/article/14-how-to-create-a-child-theme

Thank You.