The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Help change color
sec
post Jul 10 2021, 12:24 PM
Post #1





Group: Members
Posts: 2
Joined: 10-July 21
Member No.: 28,011



Hi, I need help.
I set up a store on some Shopify-like website and I can't change the colour of these white bars. I have access to HTML, CSS files etc. but I just can't find how can I change this colour!
I know nearly nothing about web designing and coding.
Is there any way that I can check the "directory" of this colour using inspect element on Google?

Also, I checked every file that I have access to and search using ctrl+F the hex code of this colour but didn't find anything.

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Jul 10 2021, 01:50 PM
Post #2


.
********

Group: WDG Moderators
Posts: 9,653
Joined: 10-August 06
Member No.: 7



I had to look really close to see them, even with the arrows. Most likely they are CSS border styling on some elements.

Your browser's Developer Tools should be able to find nearby HTML elements and their CSS properties.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
sec
post Jul 10 2021, 03:40 PM
Post #3





Group: Members
Posts: 2
Joined: 10-July 21
Member No.: 28,011



QUOTE(Christian J @ Jul 10 2021, 01:50 PM) *

I had to look really close to see them, even with the arrows. Most likely they are CSS border styling on some elements.

Your browser's Developer Tools should be able to find nearby HTML elements and their CSS properties.

Thanks for advice.
I think I have found it, I couldn't find it because I was searching for hex code and there's no hex code.

Do you know how to edit this athens grey to hex code color? I mean, should I delete $ or leave it? Can you write an example of how it shoud look like?
{
border: 1px solid $color-athens-gray;
cursor: pointer;
}
IPB Image

This post has been edited by sec: Jul 10 2021, 03:41 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Jul 10 2021, 06:02 PM
Post #4


.
********

Group: WDG Moderators
Posts: 9,653
Joined: 10-August 06
Member No.: 7



$color-athens-gray with a $ character is not a CSS color value, my guess is that it's used by the shopping cart script for some color theme.

Maybe you can simply change it to a static CSS color value. There are several ways to specify color units in CSS, see https://www.w3.org/TR/css-color-3/#colorunits
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 19th April 2024 - 08:25 AM