Return to previous page

HTML for specific part overrides whole site

This topic has 6 replies, 3 voices, and was last updated 3 months ago ago by Andrew Mitchell

iRockPod

Participant

August 8, 2024 at 08:02

Hey! I am new to XStore Theme, WordPress and HTML in general. So maybe it’s actually a very simple problem. 🙂

I just put some HTML code in the “customize empty content” part when your product comparision is empty. For this, I want my brand’s colors, font and a button. But when I put the HTML code in there, then this code not only executes in the “empty content” part (where it works how I want it to work), but overrides the whole website and changes other links into buttons (see screenshot). So my question is, how do I execute the HTML code just for the “customize empty content” part without impairing the whole site? Is there something I am missing? Since it is a specific text field for “customize empty content” it should only apply there, no?

Thanks a lot for your help! 🙂
Cheers
Patrick

For completion here the HTML code (with spaces so it doesnt execute):

< !DOCTYPE html>
< html>
< head>
< link href='https://fonts.googleapis.com/css?family=Merriweather' rel='stylesheet'>
< style>
a:link, a:visited {
background-color: #4d4d4d;
color: white;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
font-family: ‘Merriweather’;
border-radius: 12px;
}

a:hover, a:active {
background-color: #4d4d4d;
color: #c3ac92;
}
< /style>
< /head>
< body>

< p style="font-family:'Merriweather'">Hier ist noch nichts zum Vergleichen. ?
< br>< br>

< a href="https://sonnenbrecher.ch/c/sonnenbrillen" target="_self" rel="noopener">Zu den Sonnenbrillen< /a>

< /body>
< /html>

Files is visible for topic creator and
support staff only.

#409459 Copied Theme version: 9.3.17

5 Answers

Rose Tyler

Support staff

August 8, 2024 at 12:29

Hello iRockPod,

Thank you for reaching out to us.

1/ Could you please provide temporary wp-admin access?
To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

2/ We have noticed that you are unable to create a new topic in our support forum and would like to understand and resolve this issue. Could you please record a video of your screen as you attempt to create a new topic, and provide the username and password for your account on our site? This will help us in diagnosing and addressing the problem more effectively.

Thank you for your cooperation and we look forward to hearing from you soon.

Best Regards,
8Theme’s Team

#409514 Copied

iRockPod

Participant

August 9, 2024 at 08:01

Hey 8Theme team, please see private content are. 🙂

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#409621 Copied

iRockPod

Participant

August 9, 2024 at 13:35

Just another example. Seems like the CSS overrides everything, no matter which element’s “Custom CSS” in “Advanced Settings” you change. The CSS should be limited to the element you are working on.

Files is visible for topic creator and
support staff only.

#409666 Copied
Andrew Mitchell

Support staff

August 9, 2024 at 13:38
Hello, iRockPod,

I hope this message finds you well. Regarding the code you are currently working with, we kindly request the following modifications:

1) Please remove the specified segments from the existing code.
```
< !DOCTYPE html>
< html>
< head>
< link href='https://fonts.googleapis.com/css?family=Merriweather' rel='stylesheet'>
< style>
a:link, a:visited {
background-color: #4d4d4d;
color: white;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
font-family: ‘Merriweather’;
border-radius: 12px;
}

a:hover, a:active {
background-color: #4d4d4d;
color: #c3ac92;
}
< /style>
< /head>
< body>

< p style="font-family:'Merriweather'">Hier ist noch nichts zum Vergleichen. ?
< br>< br>

< a href="https://sonnenbrecher.ch/c/sonnenbrillen" target="_self" rel="noopener">Zu den Sonnenbrillen< /a>

< /body>
< /html>
```
2) Replace them with the new code provided.
```
<link href='https://fonts.googleapis.com/css?family=Merriweather' rel='stylesheet'>

<style>
	a.empty-pege-link:link, a.empty-pege-link:visited {
	background-color: #4d4d4d;
	color: white;
	padding: 14px 25px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-family: ‘Merriweather’;
	border-radius: 12px;
}

a.empty-pege-link:hover, a.empty-pege-link:active {
	background-color: #4d4d4d;
	color: #c3ac92;
}
</style>

<p style="font-family:'Merriweather'">Hier ist noch nichts zum Vergleichen. </p>
<br><br>

<a href="https://sonnenbrecher.ch/c/sonnenbrillen" target="_self" rel="noopener" class="empty-pege-link">Zu den Sonnenbrillen</a>
```
Additionally, concerning the issue with creating topics, we recommend that you clear your browser’s cache and check again to see if the problem persists.

Thank you for your attention to these matters. Should you have any further questions, please do not hesitate to contact us.

Best Regards,
8Theme’s Team
#409667 Copied
Andrew Mitchell

Support staff

August 16, 2024 at 12:42

Dear iRockPod,

We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.

Click here to rate now: https://themeforest.net/downloads

Thank you sincerely for your ongoing support!

Best Regards,
The 8Theme Team

#410455 Copied
Tagged: advanced woocommerce html, html for woocommerce, html overrides, site customization, specific part override, woocommerce wordpress templates, wordpress site design
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘HTML for specific part overrides whole site’' has been successfully resolved, and the topic is now closed for further responses

HTML for specific part overrides whole site

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection