Call-to-action title for the button not displaying the correct text


#1

Hi,

the site: www.reisdemuthwiltgen.com

I want at least 5 rows on the front page, all with a call to action button displaying different text in each button.

As you can see, after the first two (TOUR, MUSIC), all following buttons also say LISTEN, eventhough in the Page Builder Widget I typed in WATCH for VIDEO and THE BAND for ABOUT.

Why is that? Some kind of bug??

Thanks for your help.
Much appreciated.

Paul


#2

Hi,

Please make sure to Update the page after you have modified the button text, or you have updated and the button is still saying “Listen”? Can you post a screenshot of the PageBuilder where you have modified the text for the button ( just to be sure you’ve set in the correct place ).

Best Regards,
Csaba


#3

Hi Csaba,

thanks for your reply. It did update. I can’t explain what’s going on and why it is doing this.

Here are the screenshot of the different page builder steps of the homepage.

Screenshot 1
Screenshot 2 (Video row)
Screenshot 3 (Call-to-action of Video row)

Here’s my custom CSS. Maybe I messed up there somewhere?

.site-header {
   background-color: transparent;
   transition: none;
}
.text-slider-section {
   top: initial;
   min-height: initial;
   bottom: -20px;
}
th, td {
   border: 0px;
   padding: 0px;
   text-align: center;
}
.site-info {
   text-align: center;
}
.page-id-7 .site-header {
   background-color: transparent;
   position: absolute;
}
h3 {
   font-weight: 100 !important;
}
.page-id-7 .panel-grid-cell .widget-title::after {
   display: none;
}
.page-id-615 .panel-grid-cell .widget-title::after {
   display: none;
}
.page-id-615 .site-header {
   background-color: transparent;
   position: absolute;
}
.footer-widgets {
    padding: 30px;
}
.dark-row .overlay{
  background-color: #000000;
}
.white-title h3{
   color: #f8f8f6;
}
.white-title .panel-grid-cell .widget-title::after {
   background-color: #f8f8f6;
}
.dark-row .roll-button.border {
    border: 1px solid #f8f8f6;
    color: #f8f8f6;
}
.dark-row .roll-button:hover {
    background-color: #f8f8f6;
    color: #000000;
}
.no-overlay .overlay{
  display: none;
}
@media only screen and (max-width: 991px) {	
		.site-header.fixed {
			position: absolute !important;
            background-color: transparent;
		}
        .site-header {
            background-color: transparent;
            position: absolute !important;
        }
}

Thanks for looking into it.
I appreciate it.

Best,
Paul