Version 3.0.3.8
I'm using the default theme and editing the style sheets to match the color theme from my main site. I've got it almost complete except for a few links.
<link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet">
<link href="catalog/view/javascript/jquery/swiper/css/swiper.min.css" type="text/css" rel="stylesheet" media="screen" />
<link href="catalog/view/javascript/jquery/swiper/css/opencart.css" type="text/css" rel="stylesheet" media="screen" />
<link href="catalog/view/theme/default/stylesheet/vendor/vendor.css" rel="stylesheet">
I've gone through the style sheets and made many edits to get close to what I'm going for but there are a few links that I can not find.
1.) on the home page I have 8 "Latest" items and the color on the item name is the default blue and hover Yellow. I am trying to change the blue color to black but I've not found the line in the style sheets to accomplish that.
2.) on the "Catalog" page the menu/nav bar the links are blue links and hover is yellow the yellow is right but again I can not find the code in any of the style sheets that change the blue color.
3.) on the product page the tabs for Description, Specification and Reviews again are blue links and hover yellow with a grey background.
I've searched this forum and the world wide web for answers for close to 2 years and this is the only thing I've not been able to change. Yes I've cleared cache and have looked at the site on 3 of my computers with the same results, the link code I can not find.
Site URL?
Opencart 1.5.6.5/OC Bootstrap Pro/VQMOD lover, user and geek.
Affordable Service £££ - Opencart Installs, Fixing, Development and Upgrades
Plus Ecommerce, Marketing, Mailing List Management and More
FREE Guidance and Advice at https://www.ecommerce-help.co.uk
Don't worry. I found it.
Opencart 1.5.6.5/OC Bootstrap Pro/VQMOD lover, user and geek.
Affordable Service £££ - Opencart Installs, Fixing, Development and Upgrades
Plus Ecommerce, Marketing, Mailing List Management and More
FREE Guidance and Advice at https://www.ecommerce-help.co.uk
1. https://store.440music.com/catalog/view ... ap.min.css - Line 1098 on wards.440music wrote: ↑Wed Jul 20, 2022 9:40 amVersion 3.0.3.8
I'm using the default theme and editing the style sheets to match the color theme from my main site. I've got it almost complete except for a few links.
<link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet">
<link href="catalog/view/javascript/jquery/swiper/css/swiper.min.css" type="text/css" rel="stylesheet" media="screen" />
<link href="catalog/view/javascript/jquery/swiper/css/opencart.css" type="text/css" rel="stylesheet" media="screen" />
<link href="catalog/view/theme/default/stylesheet/vendor/vendor.css" rel="stylesheet">
I've gone through the style sheets and made many edits to get close to what I'm going for but there are a few links that I can not find.
1.) on the home page I have 8 "Latest" items and the color on the item name is the default blue and hover Yellow. I am trying to change the blue color to black but I've not found the line in the style sheets to accomplish that.
2.) on the "Catalog" page the menu/nav bar the links are blue links and hover is yellow the yellow is right but again I can not find the code in any of the style sheets that change the blue color.
3.) on the product page the tabs for Description, Specification and Reviews again are blue links and hover yellow with a grey background.
I've searched this forum and the world wide web for answers for close to 2 years and this is the only thing I've not been able to change. Yes I've cleared cache and have looked at the site on 3 of my computers with the same results, the link code I can not find.
2. Same as above.
3. Same as above - Line 4161 on wards.
Opencart 1.5.6.5/OC Bootstrap Pro/VQMOD lover, user and geek.
Affordable Service £££ - Opencart Installs, Fixing, Development and Upgrades
Plus Ecommerce, Marketing, Mailing List Management and More
FREE Guidance and Advice at https://www.ecommerce-help.co.uk
Thanks although looking at bootstrap.min.css line 1098 to 1101 is:johnp wrote: ↑Wed Jul 20, 2022 4:29 pm1. https://store.440music.com/catalog/view ... ap.min.css - Line 1098 on wards.
2. Same as above.
3. Same as above - Line 4161 on wards.
1098
1099 .glyphicon-sound-dolby:before {
2000 content: "\e190"
2001 }
Line 4158 to 4170
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover {
color: #fff;
background-color: #000000;
border-color: #888888
}
I made the change to the back-ground and border color and still getting the same results blue links to yellow hover
some of css code has no effect and can not find a few of the classes or IDs in any of the style sheets
Tommy TBones
Owner
440Music Entertainment Co
Chicago, IL
Indie Music Radio
Try this in either a custom stylesheet or in stylesheet.css
It is never advisable to edit the bootstrap.css (if you understand why that is true, then you can edit it to your hearts content)
I found some of your question rather odd, but this will enable you to work it out I think. Not all code is there, sometimes you have to create it.
It is never advisable to edit the bootstrap.css (if you understand why that is true, then you can edit it to your hearts content)
I found some of your question rather odd, but this will enable you to work it out I think. Not all code is there, sometimes you have to create it.
Code: Select all
#common-home .caption h4 a {
color: #000;
}
.breadcrumb > li > a {
color:#fff;
}
#product-product .rating a {
color:#000;
}
#product-product .nav>li>a {
color:#000;
}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
Who is online
Users browsing this forum: ianhaney50, Majestic-12 [Bot], Semrush [Bot] and 44 guests
