Trying to style my default theme currency dropdown menu in opencart 3.0.4.0 but cannot seem to find the javascript/bootstrap/css/less/dropdowns.less file that firefox inspector shows me.
The actual less folder isn't even there.
Looked through the bootstrap css files and can't find anything there either.
local server with wamp
apache 4.2.59
php 8.0.30
mysql 8.0.39
You should modify "stylesheet.css" located in "catalog/view/theme/default/stylesheet" and override the existing styles instead.nootkan wrote: ↑Tue Aug 06, 2024 2:11 pmTrying to style my default theme currency dropdown menu in opencart 3.0.4.0 but cannot seem to find the javascript/bootstrap/css/less/dropdowns.less file that firefox inspector shows me.
The actual less folder isn't even there.
Looked through the bootstrap css files and can't find anything there either.
local server with wamp
apache 4.2.59
php 8.0.30
mysql 8.0.39
Check out our ever-growing list of extensions for OpenCart here.
Some useful extensions for a better admin experience: Image File Manager Pro • Drag & Drop Sort Order
Reach out to us at hello@softmonke.com for your OpenCart web development needs or feedback for our extensions.
Actually, you should create your own theme folder, and keep the modified stylesheet in there: catalog/view/theme/<your-theme>/stylesheet/stylesheet.css
And then set your theme to it via the admin backend at Extensions > Extensions > Themes and System > Settings > General > Theme.
And then set your theme to it via the admin backend at Extensions > Extensions > Themes and System > Settings > General > Theme.
Export/Import Tool * SpamBot Buster * Unused Images Manager * Instant Option Price Calculator * Number Option * Google Tag Manager * Survey Plus * OpenTwig
Thanks for your reply. Tried that it didn't work which is why I was trying to figure out how to override or change the less.css file.softmonke wrote: ↑Tue Aug 06, 2024 3:51 pmYou should modify "stylesheet.css" located in "catalog/view/theme/default/stylesheet" and override the existing styles instead.nootkan wrote: ↑Tue Aug 06, 2024 2:11 pmTrying to style my default theme currency dropdown menu in opencart 3.0.4.0 but cannot seem to find the javascript/bootstrap/css/less/dropdowns.less file that firefox inspector shows me.
The actual less folder isn't even there.
Looked through the bootstrap css files and can't find anything there either.
local server with wamp
apache 4.2.59
php 8.0.30
mysql 8.0.39
Thanks for your reply. I tried this also but when changing theme in admin I got a white page so I probably need to learn more about overrides or child themes which ever is used with opencart.JNeuhoff wrote: ↑Tue Aug 06, 2024 7:35 pmActually, you should create your own theme folder, and keep the modified stylesheet in there: catalog/view/theme/<your-theme>/stylesheet/stylesheet.css
And then set your theme to it via the admin backend at Extensions > Extensions > Themes and System > Settings > General > Theme.
Actually, you could keep the default theme. Just change the location of your theme folder at Extensions > Extensions > Themes > Default Store Theme > edit > Theme Directory.
Export/Import Tool * SpamBot Buster * Unused Images Manager * Instant Option Price Calculator * Number Option * Google Tag Manager * Survey Plus * OpenTwig
Yup, definitely good practice to create your own theme folder and edit it from there rather than directly modifying the default template.
That being said, I believe the .less files are compiled on the client side which is why you can't find it. Nonetheless, adding your own CSS styles to override Bootstrap's will definitely work. Are you sure the changes done to your "stylesheet.css" file was applied? Did you check your "stylesheet.css" style in your browser to ensure that the changes were applied? If adding your own CSS styles to your "stylesheet.css" file did not work, it could either be your browser caching the css file or it could also be other forms of caching like CloudFlare. Otherwise, your CSS style rules are wrong.
That being said, I believe the .less files are compiled on the client side which is why you can't find it. Nonetheless, adding your own CSS styles to override Bootstrap's will definitely work. Are you sure the changes done to your "stylesheet.css" file was applied? Did you check your "stylesheet.css" style in your browser to ensure that the changes were applied? If adding your own CSS styles to your "stylesheet.css" file did not work, it could either be your browser caching the css file or it could also be other forms of caching like CloudFlare. Otherwise, your CSS style rules are wrong.
Check out our ever-growing list of extensions for OpenCart here.
Some useful extensions for a better admin experience: Image File Manager Pro • Drag & Drop Sort Order
Reach out to us at hello@softmonke.com for your OpenCart web development needs or feedback for our extensions.
I forgot to mention that you should also overwrite the common/header.twig in your own theme folder, for this line:
old:
new:
old:
Code: Select all
<link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet">Code: Select all
<link href="catalog/view/theme/<your-theme>/stylesheet/stylesheet.css" rel="stylesheet">Export/Import Tool * SpamBot Buster * Unused Images Manager * Instant Option Price Calculator * Number Option * Google Tag Manager * Survey Plus * OpenTwig
Who is online
Users browsing this forum: OSWorX and 37 guests
