Post by Gobbo » Thu Feb 02, 2023 9:52 pm

Hi,

Trying to update the breadcumb text colour, done this, but its not working:

.breadcrumb i {
font-size: 15px #fc372e;

What are we doing wrong?

Thanks in advance.
Last edited by Gobbo on Sat Feb 04, 2023 11:53 pm, edited 1 time in total.

Using opencart 3.0.3.2 - PHP 7.4 - Standard Template - Add to Cart Enable Disable Out of Stock Product 3.x - Export/Import Tool (V3.22) for OpenCart 3.x - Footer Social Media Link( 3.x ) v1.0


Active Member

Posts

Joined
Tue Jun 22, 2010 12:38 am

Post by xxvirusxx » Thu Feb 02, 2023 10:32 pm

Gobbo wrote:
Thu Feb 02, 2023 9:52 pm

.breadcrumb i {
font-size: 15px;
color:#fc372e;
}

Upgrade Service | OC 2.3.0.2 PHP 8 | My Custom OC 3.0.3.8 | Buy me a beer


User avatar
Expert Member

Posts

Joined
Tue Jul 17, 2012 10:35 pm
Location - România

Post by paulfeakins » Thu Feb 02, 2023 11:21 pm

Gobbo wrote:
Thu Feb 02, 2023 9:52 pm

Code: Select all

font-size: 15px #fc372e; 
You're trying to set the font size to be a colour?

UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk


User avatar
Guru Member
Online

Posts

Joined
Mon Aug 22, 2011 11:01 pm
Location - London Gatwick, United Kingdom

Post by Gobbo » Fri Feb 03, 2023 3:39 am

Okay, thanks for the help, I did that, but only home truned red, see attached.

Attachments

breadcrumb.JPG

breadcrumb.JPG (10.28 KiB) Viewed 672 times


Using opencart 3.0.3.2 - PHP 7.4 - Standard Template - Add to Cart Enable Disable Out of Stock Product 3.x - Export/Import Tool (V3.22) for OpenCart 3.x - Footer Social Media Link( 3.x ) v1.0


Active Member

Posts

Joined
Tue Jun 22, 2010 12:38 am

User avatar
Expert Member

Posts

Joined
Tue Jul 17, 2012 10:35 pm
Location - România

Post by Gobbo » Fri Feb 03, 2023 6:04 am

There is no .breacrumb a {.

We have :

.breadcrumb i {
font-size: 15px;
color: #fc372e;

Using opencart 3.0.3.2 - PHP 7.4 - Standard Template - Add to Cart Enable Disable Out of Stock Product 3.x - Export/Import Tool (V3.22) for OpenCart 3.x - Footer Social Media Link( 3.x ) v1.0


Active Member

Posts

Joined
Tue Jun 22, 2010 12:38 am

Post by by mona » Fri Feb 03, 2023 10:10 am

add to your stylesheet around/after .breadcrumb > li {

Code: Select all

.breadcrumb li a {
    color: #fc372e;
    font-size: 15px;
}
i is the icon li is the line (albeit horizontal format) a is the link

NB: nothing wrong with .breadcrumb a { either
The last } is very important

Attachments

Screen-Shot-2023-02-03.png

Screen-Shot-2023-02-03.png (3.78 KiB) Viewed 621 times


DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by Gobbo » Fri Feb 03, 2023 4:41 pm

Thanks, thats working okak now.

Using opencart 3.0.3.2 - PHP 7.4 - Standard Template - Add to Cart Enable Disable Out of Stock Product 3.x - Export/Import Tool (V3.22) for OpenCart 3.x - Footer Social Media Link( 3.x ) v1.0


Active Member

Posts

Joined
Tue Jun 22, 2010 12:38 am

Post by paulfeakins » Fri Feb 03, 2023 8:07 pm

Gobbo wrote:
Fri Feb 03, 2023 4:41 pm
Thanks, thats working okak now.
Great, so please add [SOLVED] to the start of the post title.

UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk


User avatar
Guru Member
Online

Posts

Joined
Mon Aug 22, 2011 11:01 pm
Location - London Gatwick, United Kingdom
Who is online

Users browsing this forum: jagall, moreduff and 263 guests