Return to previous page

Problem with CSS colors, fonts and more.

This topic has 5 replies, 2 voices, and was last updated 1 years ago ago by Tony Rodriguez

Aminadab Cruz

Participant

October 27, 2023 at 20:45

Hi, there.
I’m having design problems in my web site.
First, I wanna change the default –et_main-color in CSS to a darker shade of gray (#555), but I haven’t found the option, and it’s really important for me to change the color, cause it’s present in almost the entire site.
Related to CSS. I want to change the default format for the headings, by example, I want to change font type to H2, but I don’t know how.
Besides, I want to change the privacy advice when you’re register, but I don’t find where it comes from, so I don’t know how to change it, since it’s in english.
Another problem is that I can’t open woocomerce shop page with elementor, it keeps loading, and I want to add a top border, cause it’s pretty close to the header. Adding bottom border to the header isn’t an option since it is added to all the other pages. I don’t know why can’t open shop page.

Please, contact administrator
for this information.

#371821 Copied Theme version: 9.2.2

4 Answers
Tony Rodriguez

Support staff

October 28, 2023 at 12:28
Hello, @Aminadab Cruz,

1. I wanna change the default –et_main-color in CSS

We are writing to provide you with the necessary steps to alter the color of the pre-defined classes in the theme using Custom CSS.

Please follow the instructions below:

1. Copy the CSS code provided below.
2. Navigate to Xstore >> Theme Options >> Theme Custom CSS >> Global CSS on your website.
3. Paste the copied CSS code into the Global CSS section.
4. Modify the color codes in the pasted code according to your preferences.

Here is the CSS code:
```
body {
    --et_main-color: red;
    --et_dark-color: #222;
    --et_active-color: #a4004f;
    --et_red-color: #c62828;
    --et_green-color: #222222;
    --et_blue-color: #1565c0;
    --et_orange-color: #f57f17;
    --et_yellow-color: #fdd835;
    --et_border-color: #e1e1f1;
    --et_light-color: #f7f7f7;
    --et_light-color2: #f2f2f2;
    --et_white-2-dark: #fff;
    --et_dark-2-white: #222;
}
```
We hope these instructions are clear. If you have any further questions or need additional assistance, please do not hesitate to contact us.

Best Regards,
8Theme’s Team
#371862 Copied
Tony Rodriguez

Support staff

October 28, 2023 at 12:33

Hello, @Aminadab Cruz,

2. I want to change the default format for the headings, by example, I want to change font type to H2, but I don’t know how.

We hope this message finds you well. We are writing to inform you about the default settings for the body font in our system. You can locate these settings under the following path: Xstore >> Theme Options >> Typography.

For adjusting the settings of h1, h2, and other similar headings, you will need to edit the specific elements and check the option underneath it. Alternatively, you can utilize the Custom CSS to modify the size for h1, h2, and other tags on your website.

We trust this information will be of assistance to you. Should you require further clarification, please do not hesitate to contact us.

Best Regards,
8Theme’s Team

#371863 Copied

Tony Rodriguez

Support staff

October 28, 2023 at 12:37

Hello, @Aminadab Cruz,

Besides, I want to change the privacy advice when you’re register, but I don’t find where it comes from, so I don’t know how to change it, since it’s in english.

To modify or remove the privacy policy text on the ‘My Account’ page for the registration form, please follow these steps:

Navigate to WooCommerce >> Settings >> Accounts & Privacy >> Registration privacy policy. For your convenience, I have attached a screenshot to guide you through the process: https://postimg.cc/QHz34RhG

Best Regards,
8Theme’s Team

#371864 Copied

Tony Rodriguez

Support staff

October 28, 2023 at 12:58

Hello, @Aminadab Cruz,

4. Another problem is that I can’t open woocomerce shop page with elementor, it keeps loading, and I want to add a top border, cause it’s pretty close to the header. Adding bottom border to the header isn’t an option since it is added to all the other pages. I don’t know why can’t open shop page.

We would like to inform you that the Shop page is an Archive page, and it cannot be directly edited with any page builder. However, Xstore now offers the functionality to create your own custom shop page with Elementor.

Please follow the steps below to create your own Custom Shop page:

1. Navigate to Xstore Builder >> Product Archive. You can refer to this link for guidance: https://postimg.cc/gLXWmDHB
2. Click on ‘Add New’. For reference, please see: https://postimg.cc/4KLqycyC
3. Insert any of the pre-built templates to that page for your Shop archive page. You can view the process here: https://postimg.cc/1g2Bbr4z
4. Set the space to any section as per your requirements. For more details, please visit: https://postimg.cc/14HC36jv
5. Apply the condition to the custom-created Archive page. You can refer to these links for guidance: https://postimg.cc/xq05h81M & https://postimg.cc/8sKRYb3g

We hope this will assist you in achieving your desired result.

Best Regards,
8Theme’s Team

#371867 Copied
Tagged: css colors issues, fixing woocommerce css, font problems woocommerce, woocommerce css solutions, woocommerce wordpress templates, wordpress template troubleshooting, wordpress woocommerce help
Viewing 5 results - 1 through 5 (of 5 total)