Colors - Support | Kriesi.at - Premium WordPress Themes

Tagged: colors

Viewing 16 posts - 1 through 16 (of 16 total)

Author

Posts
November 19, 2023 at 12:21 pm #1425968

Chrisxx1982
Participant

Hi,
unfortunately, I can’t set the appropriate colors in the general styling in the Enfold Theme settings.

I have created a new color scheme for our shop, which I would now like to add.

For example, if I want to customize the buttons differently, I only find the global setting. For example, I want to change the color of the “Add to Cart” button, but then other areas with the button for offer prices also change…

I also looked at the theme options with “extended styling”, but unfortunately I can’t find exactly what I’m looking for there. I can adjust some things, but not everything.

How can I assign different colors to each area on my website?

I would like to take this opportunity to thank you again for your help. I booked support specifically and am very satisfied so far. I currently have more to renovate and so far I have been able to help with every request, thank you very much for that.

Best regards
Christian

November 19, 2023 at 4:35 pm #1425985

Mike
Moderator

Hey Chrisxx1982,
As I understand your question you have created a new color scheme for your shop, so while many elements you can manually change the color in each setting or you can change the general settings that may also change other elements, you would like to make some color changes across your site.
Please give some specific examples that we can help with some css,

Best regards,
Mike

November 20, 2023 at 4:21 pm #1426087

Chrisxx1982
Participant

Hi Mike,

yes, I think you understood it correctly :) There are a few buttons that change in some places in the settings in the theme. I would like to adjust it on some pages

Here are the screenshots with the areas where I don’t know how to adjust these areas individually:

1. https://postimg.cc/94S5WkVt
2. https://postimg.cc/p5fgJXjq
3. https://postimg.cc/0bxg2Dg3

– Heading colors on all product category pages should have a specific color. So it’s not the same everywhere as on the homepage, etc.

– The button with the sale price should have its own color

– The “buttons/circle” on the homepage (see screenshot) should have their own color

– These small characters (stars and & characters between the headings and dividing lines should be given a separate color )

– The buttons in the top right corner (Watchlist and Registration) should have a different color

– The headings of the sidebar, i.e. everything that is on the left of the widget, should have a different color for the headings AND a colored background. Just like with the product filter.

That was my wish list of colors for now :)

Is it possible to customize this separately?

Best regards
Christian

November 21, 2023 at 4:08 am #1426107

Ismael
Moderator

Hi,

Thank you for the info.

1.) You can set the Styling > Colors > Icon Colors to the second option (Define Custom Colors) to adjust the background and color of the icons in the Iconbox element.

2.) In the Enfold > General Styling panel, open the Main Content or Alternate Content tab and adjust the value of the Highlight Color field. This should adjust the color of the ampersands.

3.) You should be able to adjust the style of the heading elements in the Enfold > Advanced Styling panel.

Best regards,
Ismael

November 21, 2023 at 10:22 am #1426137

Chrisxx1982
Participant

Hi Ismael,

thank you for your message. I recognized the settings in the theme in this area.

Unfortunately, when I make the settings, the color is not only adjusted in that area, but all symbols and characters are changed globally in several places.

How can I customize individual symbols such as the sale button and the characters on the home page. So just like in my screenshots. If I use the general settings, it is adjusted directly in several places.

I don’t want to adjust the headings everywhere, just the color of the headings in the product categories. How can I do that?

Just like Mike also said, are there CSS options? I just need to know what the individual elements are called and what the CSS should look like, unfortunately I don’t know :)

Best regards
Christian

November 21, 2023 at 12:32 pm #1426151
Mike
Moderator
Hi,
Your first screenshot of the icon boxes on your homepage:

the background color can be set in the element here:

or you can change all of them with this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
```
#top.home .iconbox .iconbox_icon {
    background-color: #ebb400;
    border: 1px solid #fff;
    color: #fff;
}
```
this is the expected results:

After applying the css, please clear your browser cache and check.
To make the special amp symbol black, try this css:
```
#top .main_color .special_amp {
	color: #000;
}
```
adjust the color to suit.
Is this what you had in mind?

Best regards,
Mike
November 21, 2023 at 2:10 pm #1426176

Chrisxx1982
Participant

Hi Mike,

thank you. I’m sorry about the element on the homepage, I could have done that myself, I’m sorry.

Your CSS with the special symbols works, thank you very much!!

Now the only question left is how I can set the “on-sale” button on the page with its own color? See screenshot -> https://postimg.cc/hhmy05YK

and what I can’t get is that the headings on all product category pages get their own color? So just the color of the headings on all product categories.

Best regards
Christian

November 21, 2023 at 6:12 pm #1426194
Mike
Moderator
Hi,
To change the “on sale” badge to another color like red, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
```
 #top #main .main_color .onsale {
    background-color: red;
}
```
adjust the color to suit and then clear your browser cache, and check.

Best regards,
Mike
November 21, 2023 at 9:51 pm #1426216

Chrisxx1982
Participant

Hi Mike,

thank you. This works great, thank you.

Then the only thing that isn’t solved is the color of the headings for the product categories :)

How can I change the heading colors of all product categories? So just the product categories.

Many thanks for the help.

Best regards
Christian

November 22, 2023 at 6:24 am #1426232

Ismael
Moderator

Hi,

Thank you for the update.

Then the only thing that isn’t solved is the color of the headings for the product categories :)

We may need to inspect one of the product category pages in order to provide the appropriate solution. Please provide the link in the private field.

Best regards,
Ismael

November 22, 2023 at 8:57 am #1426250

Chrisxx1982
Participant

Hi,
you can find the link of a product category in the private field.

Best regards
Christian

November 22, 2023 at 5:32 pm #1426288
Mike
Moderator
Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
```
.main_color .sidebar .produktfilter > h4 {
    color: #fff;
}
.sidebar .facetwp-facet {
    margin-bottom: 0;
}
```
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike
November 22, 2023 at 10:19 pm #1426306

Chrisxx1982
Participant

Hi Mike,

I’m sorry, I think we misunderstood each other.

I meant the main headings (H1) in the product categories. See screenshot: https://postimg.cc/hzhsv8P1

Best regards

November 23, 2023 at 5:43 am #1426313
Ismael
Moderator
Hi,

Thank you for the clarification.

Please use this css code to adjust the style of the H1 element in the product category page.
```
#top #wrap_all .term-description h1 {
    font-size: 2em;
    color: red;
}
```
Best regards,
Ismael
November 23, 2023 at 3:14 pm #1426348

Chrisxx1982
Participant

Hi Ismael,

that works great, thank you.

I think now you have solved all my worries about the colors :)

Many thanks to you for the help.

Best Regards
Christian

November 23, 2023 at 3:15 pm #1426349

Mike
Moderator

Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike
Author

Posts

Viewing 16 posts - 1 through 16 (of 16 total)

The topic ‘Colors’ is closed to new replies.