Hi Guys,
I’m developing a website that will have different logos and colour schemes in some pages. I can change the logos in some pages, but how do I change the copy that goes in the “Extra Elements Header Phone Number” area in the top bar above the main menu in just some pages?
I’ve provided design samples in the Private Content area.
Thanks in advance.
Hey StormWebDesign,
Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)
Best regards,
Victoria
Hi Victoria,
I managed to achieve this by adding the following to my Child CSS which maybe useful to others.
.page-id-261 .phone-info .replaced {
visibility: hidden;
position: relative;
float: right;
}
.page-id-261 .phone-info .replaced:after {
visibility: visible;
position: absolute;
top: 3px;
left: 23px;
right: 0;
content: “Call: 12345677 Email: (Email address hidden if logged out) “;
white-space: pre;
}