Questions tagged [styles]
The styles tag has no usage guidance.
69
questions
0
votes
0
answers
25
views
How can I add a custom stylesheet to my custom theme?
I am losing my mind because I am following guidance in documentation but literally nothing works.
I added a custom theme that references luma. my directory structure is /app/design/frontend/...
0
votes
1
answer
161
views
Magento 2 - How to override less file of third party module @ view/base/web/css/source?
I try to override this file from my theme:
vendor/amasty/module-mega-menu-lite/view/base/web/css/source/module/frontend/_base.less
I placed it at:
app/design/frontend/company/fresh/...
- 3,150
0
votes
1
answer
39
views
Magento 2 - Change value in .less file of a third party module
I need to change a value in this file of a 3rd party module from my own theme:
vendor/amasty/xsearch/view/frontend/web/css/source/module/components/_search-input.less
Am I correct that I need to make ...
- 3,150
0
votes
1
answer
29
views
encountered an issue where the modifications made to the style-m.css and style-l.css files are not being reflected on the website
After the installation of the Martfury Magento theme on my server, we attempted to make changes to these two files but were unable to locate them within the theme directory. I found these files in,
/...
- 13
1
vote
2
answers
32
views
styles.css not found 404 after executing setup:static-content:deploy
I'm trying to setup the project locally and after executing php bin/magento setup:static-content:deploy -f es_ES only sass directory is showing up but no css directory.
As you can see it is trying to ...
1
vote
1
answer
71
views
Magento 2 - Override style which is in vendor/foo/bar/view/base/web/css/source/module/components/_foo.less from own theme?
How can I override the file vendor/foo/bar/view/base/web/css/source/module/components/_foo.less
I put it in my theme at app/design/frontend/company/fresh/Foo_Bar/templates/web/css/source/module/...
- 3,150
0
votes
1
answer
208
views
How to apply custom styles in a CMS page?
I am trying to add custom styles on 404 CMS page. I added html on admin side of CMS 404 page. The html for 404 page is
<h1 class="no-route-section-one-heading heading"> {{trans'Excuse ...
- 41
0
votes
1
answer
9
views
Why Address Book Missing Styles and the rest of the Body?
When logged into a customer account, if you click on "Address Book" in the sidebar, it takes you to a page that is in just the form without the rest of the sites body, and without any ...
- 101
0
votes
4
answers
1k
views
Email template styles are not working
I've not changed the core header.html which is in the vendor directory.
According to the Magento 2 dev docs, I must create "email-inline.less" in app/design/MyVendor/MyTheme/web/css ...
- 11
0
votes
1
answer
341
views
Email template css styles are being ignored
I've added these styles in the admin, however only the color style is being applied. Position, left and top styles are ignored. Is there anything else I must add? Why is this happening? Any kind of ...
- 11
0
votes
1
answer
39
views
The whole website is out of whack after deleting Cache from within the Magento Admin Panel
Magento 2.4.2-p1
Porto theme
We have:
Installed fresh Magento 2.4.2-p1
used the Magento Migration Tool to migrate from Magento 1.9.4
installed the Magento Porto theme
Amasty installed a bunch of ...
- 178
0
votes
2
answers
1k
views
How to add CSS that works only in Checkout page Mangento 2.4.2
I Need to add a CSS for checkout page, the css file should load only in checkout page alone it should not render for any any other pages. How should add the CSS file in the Magento 2.4.2.
- 328
3
votes
3
answers
282
views
Styles are not loading in Magento 2.4.2 on Mac OS
I have installed vanilla (with sample data) Magento Community edition 2.4.2 on Mac OS with following technology stack however styles are not loaded at all, not even in head block. However I can see ...
- 775
1
vote
0
answers
211
views
How can I prevent styles-l.css loading for mobile only?
I'm trying to clean up some of our over stuffed css and js. Chrome inspector shows that styles-l.css is 100% unused for mobile and is used a little for desktop. I used 'remove' in the ...
- 111
0
votes
1
answer
630
views
How to preload custom fonts in Magento 2.2
I have a custom font in my theme already added through the "web/css/source/_typography.less".
& when (@media-common = true) {
.lib-font-face(
@family-name: @font-family-name__base,
...
- 101
0
votes
2
answers
227
views
CSS stylesheet order acting inconsistently
I have my standard styles-m and styles-l stylesheets. I also have a custom.css stylesheet that loads later than those 2.
On both staging and production everything loads in that order, but in ...
- 313
0
votes
3
answers
1k
views
css file : failed to open stream: No such file or directory
in my case i have added a less file to compile a css file in my Base Module , but after I run this command "bin/magento setup:static-content:deploy -f" an error was occured like belllwo
[...
- 129
0
votes
1
answer
217
views
Magento 2 - Compilation from source, errors during `php bin/magento setup:static-content:deploy`
I get this error when I execute php bin/magento setup:static-content:deploy:
Compilation from source: /app/design/frontend/company/fresh/web/css/source/lib/extend/amasty/mega-menu/header.less
variable ...
- 3,150
1
vote
1
answer
1k
views
redo standard product tabs to accordion
how to make a accordion from standard horizontal tabs as shown in the picture
I looked at how to make tabs from simple blocks using the magento 2 widget but it worked out for me to apply this to a ...
- 338
1
vote
1
answer
115
views
Magento 2: The style.css inside Magento installation directory is effecting cache
I am very new to Magento. Recently I have to add extra styles to my magento website. So I go to adminpanel -> content-> design->configuration->my theme ->HTML Head
I add the following ...
- 75
0
votes
2
answers
912
views
Magento 2 Add custom CSS class to breadcrumbs
I need to add my own CSS class to the <ul> tag in breadcrumbs.
in Magento_Catalog/templates/products/breadcrumbs.pthml
the code look like this
<div class="breadcrumbs"></div>
<...
- 2,014
0
votes
4
answers
2k
views
Magento 2.3.1 styles.css not loaded on frontend
I just installed a fresh Magento 2.3.1, and I ran the following code to deploy sampledata. bin/magento sampledata:deploy
The sample data are successfully installed but styles.css is not loading. I ...
- 2,014
2
votes
1
answer
394
views
How to Clear cache files for .less
I'm in Production mode. I like to change some styles in my website, so i edited .less
for example:
app/design/frontend/Templatemonster/theme/web/css/styles-l.less
I used "flush Magento cache" from ...
- 579
0
votes
1
answer
54
views
How to edit .less or css files
I like to change some styles in my website, so i edited .less and CSS files
for example: app/design/frontend/Templatemonster/theme/web/css/styles-l.less
I used "flush Magento cache" from backend ...
- 579
2
votes
1
answer
1k
views
TinyMCE4 <style> tag not showing in editor
I am using TinyMCE4 in my Magento admin panel. I want to allow <style></style> for my CMS pages and blocks while editing. I am able to add <style> in my CMS pages and Blocks but once ...
- 11.1k
1
vote
0
answers
78
views
Magento pages loading in one line
This may not be a Magento issue but i am currently being asked to try and stop the our home page loading the way it does for one of my clients. I have been told the site never loaded like this before ...
- 145
1
vote
1
answer
1k
views
How to add style(css,js) to custom widget
Hi i can try to add style to widget in the usual way.
like here https://webkul.com/blog/magento2-how-to-add-css-and-js-file-in-module/
its not working.
How can i add to css file to widget?
- 125
1
vote
1
answer
648
views
Magento2: how to auto add grey bg color under photo
Always to magento catalog I upload image .jpg with white bg color.
Does anyone know how I can now change all products background for transparent, and add a gray background for all products under the ...
- 2,184
1
vote
1
answer
127
views
Magento2: Issue with style CSS
We have an issue with load style CSS:
Warning: include(/home/log/domains/domain.com/public_html/generated/code/Magento/Framework/Event/Config/Reader/Proxy.php): failed to open stream: No such file or ...
- 2,184
1
vote
0
answers
34
views
Custom Options - styling
How to change the style of the custom options in magento 1.9, like font-size, etc.
Can this be done from the admin panel?
- 27
0
votes
1
answer
424
views
Custom bootstrap overriding my luma theme style
I added the external bootstap in my custom theme I want to be it before style-l.css I referred Load Custom CSS After style-l.css For Home Page but it's only working from home page, not for other, ...
- 61
1
vote
1
answer
74
views
Fresh Magento 2 install admin does not give login box
I'm fairly new to Magento 2 and have been attempting to add a copy on my local machine (operating system: Windows 10) so that I can try out some database migration tests.
I have installed XAMPP and ...
- 392
0
votes
1
answer
33
views
Use default style
How can I use all styles from default theme in Theme 1 without copying all folders? But if I need to change some styles I have to do it in Theme 1's folder. Maybe you have some suggestions?
0
votes
2
answers
54
views
css style overrides?
I was able to get my custom font to my custom theme.
I made a style (CSS file) to use it, but the text-transform and letter-spacing attributes are being inherited from another style sheet?
What ...
- 183
0
votes
0
answers
74
views
Magento 2.2 Grid in custom module missing styles and format
We've successfully created a custom module, but it appears that none of the js or css/less is being applied to a grid component that is being used.
Any suggestions would be appreciated-
- 1
1
vote
3
answers
1k
views
Frontend styling has disappeared, and I can't get it back
Disclaimer: I'm new to Magento 2 development as of Nov 2018, and new to development generally as of mid-2017. So I'm new to asking development-help questions too. Most of the time I can figure it ...
- 11
0
votes
1
answer
292
views
Magento 2 - Custom style _listings.less not working
We are using Porto theme. We have our product list with the style:
<div class="product details product-item-details"> code </div>
We checked the porto .less which corresponds to:
app\...
- 790
1
vote
3
answers
844
views
Add external stylesheet link-rel head tag
Knewb here, I want to add external stylesheets via link rel to the head tag list of my store in version 1.9. I am also using Ultimo theme.
Can it be done?
What is the name of the file I am ...
- 41
3
votes
3
answers
183
views
Magento 2.2 install error: No images in Magento Admin after installation
I installed Magento v2.2.4 with sample data on my local using xampp.
I downloaded the source from magento.com/tech-resources/download as the user guide instructed.
After finishing the installation, I ...
- 33
1
vote
1
answer
53
views
How to add custom styles to Bought theme in Magento2?
I have applied a free theme on my magento2 store that don't have css file to edit custom styles. But it has less files like below,
app/design/frontend/<Vendor>/<theme>/web/css/source/...
- 1,929
3
votes
2
answers
3k
views
How to add custom css file in magento2.2.6?
I tried to add some custom styles in Magento but I couldn't find out how to do this.
How do I add the custom css stylesheets in magento-2.2.6?
- 441
1
vote
2
answers
1k
views
Magento 2.2.4 How to override the styles for the Checkout Module?
How to create specific style files that override the styles for the Magento Checkout Module?
I took a look at vendor/magento/module-checkout/view/frontend/web and vendor/magento/module-checkout/view/...
- 591
2
votes
1
answer
1k
views
How to disable link in telephone phone number in address book?
Using magento 2.2, I want to remove link from phone number in address book. Not allow user click on number.
- 780
1
vote
2
answers
3k
views
Magento 2 - Adding <style></style> tag in head
How I can add critical path css rending in
<style>body{color:#202020}</style> in header?
I did research but not getting clear picture. I can add meta and custom css file in ...
- 45
1
vote
4
answers
4k
views
Styles-m.css file locations
I am looking to change some css settings on my Magento 2.1.8 store.
I understand that this file is created using .less files, but which less files is this made up of and where can i find them?
...
user61783
1
vote
1
answer
40
views
Magento-2.2 development with CSS only (no use of LESS)
I know Magento 2 uses LESS for styling but what if I'd like to build a site with CSS only?
I don't want to use LESS in my custom theme.
How can I achieve this?
- 1,152
0
votes
1
answer
826
views
Magento 2: Add border-radius to image on product page
Magento 2.2.1 using a custom theme which inherets from Magento/blank.
I would like to add a border-radius to the main image on the product page.
I have tried applying border-radius to parent ...
- 699
0
votes
1
answer
671
views
Magento 2: Background gradient and image
Magento 2.2.1 custom theme which inherits from Magento/blank.
I am trying to assign a background which has a radial gradient as the bottom layer and an image as the top layer.
Assigning a solid ...
- 699
0
votes
1
answer
935
views
Magento media queries in platform-Responsive emails
Hi i set some @media style for mobile for emails in magento (i added style in email header head section, in email header body section, in email-inline.css , in email-non-inline.css) but when mail ...
- 41
0
votes
2
answers
1k
views
How to add title to header without breaking search box
I am creating a theme for magento 2.2. Created my first custom block in app/frontend/CUSTOM VENDOR/CUSTOM THEME/Magento_Theme/templates/heading.phtml containing the following code:
<?php
//create ...
- 699