Today I Mostly Learnt About CSS Styling using Inspector in Google Chrome

avatar
(Edited)

It's been a busy old day today, as some house keeping was in order.

Although most of our time is spent on our YouTube channel, we also share our car content on our website:
New Website Look.jpg
It's important to make sure it's looking it's best, is up to date and that none of the pages are broken. For some reason, our site has developed a bugbear where the style sheets keep reverting back to the previous version. As demonstrated in this picture - as you can see the font is waaaay to big again:
Coding Style Sheets.jpg
This is the inspection level, where you can check on how your layout looks, and see how you can change it using simple css commands, e.g. background colour (always a good idea before being let loose on the server!)

Now I still have a lot to learn, but I am proud of the good work I've done today. My next lesson will be learning how to edit style sheets live on the server, as there's no point having a website that's out of date, and looking shabby, lol!

Thank you all, and enjoy!

Annabelle 😊

prgramming cars ocd blocktrades proofofbrain leofinance neoxian vyb programming
0
0
0.000
11 comments
avatar

Every day you take another step forward, the beautiful thing about programming is that you see progress every day!

0
0
0.000
Reply
avatar

Thank you, @antoniojoseha - I'm still at the stage where I need to practice the same task a few more times to get it ingrained into my muscle memory!
untitled.gif

0
0
0.000
Reply
avatar

Hi Annabelle

I have a suspicion as to why this is happening - are you using a standard theme for it or have you developed a child theme with your changes to your CSS? If you aren't on a child theme or are using a theme that doesn't have the addition to add CSS as an override, then whenever you do an update to the theme, it will scrap any changes to your CSS and revert back to the original style sheet on the theme template.

Although, I only work on WordPress so this may not be the case if you're on something else.

0
0
0.000
Reply
avatar

Thanks, @andrastia

The problem is, whenever we do an edit, it displays correctly until we refresh the cache, and then it reverts back to the previous one. We think it's an extension conflicting, and now have the fun job of finding which one it is (Sigh!)

Annabelle 😒

0
0
0.000
Reply
avatar

Hmmm I don't know what CRM your website is running on, but having the style sheet converting back like that would drive me mad. There must be a way you can override that.

I'm sorry, I hope you can find the culprit and sort it out, I know how this kind of issue can bug one.

💐

0
0
0.000
Reply
avatar
(Edited)

It really is bugging Ben, lol!! He says that it will be a process of elimination, and that it could take aaaages! Thanks, @andrastia

Annabelle 🤣

0
0
0.000
Reply
avatar

My suggestion would be to move to WordPress, I am not a coder and find it to be very easy to navigate. I've had to do some CSS here and there but it's been easy to do. I totally understand Ben's frustration with it, that kind of thing irritates the shite out of me too.

Just yesterday I picked up an issue with a site I had prepared and sent out to a potential client. The site had been moved over to a new node by the hosting supplier and somewhere something had bombed and screwed it up, took me a good hour to re-install my theme and make the changes. Arrrgggh website can be a pain so I totally sympathise.

Sending you a hug. Hope you're feeling loads better now! 🍁

0
0
0.000
Reply