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
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?
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 ...
2 votes
1 answer
3k views

Magento 2 How to correctly change style in less

I creat my theme, same as luma, parent Blank. I try change style for search (add background-color and change opticaly. I see in less file: app\design\frontend\Vendor\default\Magento_CatalogSearch\web\...
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 ...
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
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/...
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 ...
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, /...
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 ...
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/...
1 vote
1 answer
267 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 ...
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 ...
0 votes
1 answer
437 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 ...
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 ...
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.
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 ...
0 votes
1 answer
703 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, ...
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 ...
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 ...
0 votes
2 answers
270 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 ...
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 ...
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 [...
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 ...
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?
0 votes
2 answers
2k views

Add inline style to element in XML Magento 2

How do I apply an inline style to an element in an XML layout file in Magento 2? <container name="header.container" as="header_container" label="Page Header Container" htmlTag="header" htmlClass="...
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> <...
2 votes
3 answers
4k views

Styles are not loading after removing pub/static and run setup:static-content:deploy in Magento 2

I have been facing strange issue, as the part moving modifications in static content. we removed pub/static and deployed setup:static-content:deploy. After doing this, files are generated properly in ...
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 ...
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 ...
2 votes
1 answer
429 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 ...
2 votes
3 answers
19k views

Magento 2 - How to change fonts

How do I change the font family (at a theme level) to Helvetica in Magento 2.
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 ...
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 ...
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 ...
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 ...
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?
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-
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, ...
1 vote
3 answers
873 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 ...
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 ...
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?
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 ...
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\...
0 votes
1 answer
2k views

how to modify style.css in magento 2

Magento ver. 2.2.0-dev I want to make changes in style.css which is located at "pub/static/frontend/mytheme/mytheme_default/en_US/css/style.css". If I make any changes in this folder directly no ...
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 ...
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 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/...
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/...
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.
0 votes
2 answers
937 views

How to add css only for checkout page of rwd theme in Magento 1.9.0

I need to add a custom css in checkout.xml file like this <checkout_cart_index translate="label"> <reference name="head"> <action method="addCss"> <...