Skip to main content
Share Your Experience: Take the 2024 Developer Survey

Questions tagged [styles]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
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/...
clueless-newbie's user avatar
0 votes
1 answer
223 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/...
Black's user avatar
  • 3,369
0 votes
1 answer
53 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 ...
Black's user avatar
  • 3,369
0 votes
1 answer
34 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, /...
Hirun's user avatar
  • 23
2 votes
2 answers
35 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 ...
Kristijan Isajloski's user avatar
1 vote
1 answer
74 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/...
Black's user avatar
  • 3,369
1 vote
1 answer
264 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 ...
LosMos's user avatar
  • 121
0 votes
1 answer
10 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 ...
null's user avatar
  • 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 ...
Hgresa's user avatar
  • 11
0 votes
1 answer
435 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 ...
Hgresa's user avatar
  • 11
0 votes
1 answer
48 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 ...
Allysin's user avatar
  • 260
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.
Sabareesh's user avatar
  • 358
3 votes
3 answers
285 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 ...
Rizwan Dhuka's user avatar
1 vote
0 answers
228 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 ...
Sparko's user avatar
  • 121
0 votes
1 answer
702 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, ...
megloff's user avatar
  • 101
0 votes
2 answers
268 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 ...
web master's user avatar
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 [...
coding mv's user avatar
  • 129
0 votes
1 answer
235 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 ...
Black's user avatar
  • 3,369
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 ...
ann karsksya's user avatar
1 vote
1 answer
128 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 ...
John's user avatar
  • 75
0 votes
2 answers
942 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> <...
Magento Learner's user avatar
0 votes
4 answers
3k 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 ...
Magento Learner's user avatar
2 votes
1 answer
428 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 ...
Priya's user avatar
  • 589
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 ...
Priya's user avatar
  • 589
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 ...
Jaimin Sutariya's user avatar
1 vote
0 answers
79 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 ...
CraigShort's user avatar
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?
Ibrahim Aldar's user avatar
1 vote
1 answer
672 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 ...
Sylvester's user avatar
  • 2,234
1 vote
1 answer
131 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 ...
Sylvester's user avatar
  • 2,234
1 vote
0 answers
35 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?
Eduarto's user avatar
  • 27
0 votes
1 answer
444 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, ...
Punith's user avatar
  • 61
1 vote
1 answer
75 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 ...
CJNotts's user avatar
  • 402
0 votes
1 answer
34 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?
goofy1337's user avatar
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 ...
sam msft's user avatar
  • 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-
mocoDev's user avatar
1 vote
3 answers
2k 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 ...
devbiker's user avatar
0 votes
1 answer
313 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\...
Raül's user avatar
  • 790
1 vote
3 answers
872 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 ...
Starkemp315's user avatar
3 votes
3 answers
185 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 ...
Vladimir T.'s user avatar
1 vote
1 answer
54 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/...
Jafar Pinjar's user avatar
  • 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?
nukala satish's user avatar
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/...
Julian Murillo's user avatar
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.
Bong Channarith's user avatar
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 ...
Prabhakar's user avatar
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? ...
user avatar
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?
Yogesh Agarwal's user avatar
0 votes
1 answer
860 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 ...
Muckee's user avatar
  • 699
0 votes
1 answer
723 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 ...
Muckee's user avatar
  • 699
0 votes
1 answer
1k 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 ...
mith's user avatar
  • 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 ...
Muckee's user avatar
  • 699