Questions tagged [styles]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
0 answers
7 views

Domain missing from path of admin stylesheet files

I have just set up a clone of our live site so we may test an extension. The frontend is working fine. However, the admin dashboard fails to load all stylesheet files. When looking into the issue - I ...
user avatar
0 votes
0 answers
16 views

Problem with main-styles.css in Magento 2

I've created a website with Magento 2 using a Codazon Template infinite. I'm using URL #1 for the landing page called Megastore and the extension URL #1/shop for the page shop. The difference between ...
user avatar
0 votes
3 answers
136 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 ...
user avatar
  • 11
0 votes
1 answer
36 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 ...
user avatar
  • 11
0 votes
1 answer
31 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 ...
user avatar
  • 306
0 votes
0 answers
50 views

Magento 2 not requesting styles-m.css and styles-l.css

This question is already asked here but it didn't get any suitable answer and it's already 2 years old. I did 2 Magento installs, 1 for 2.4.2 and other for 2.4.1 and neither of them asks for styles-m....
user avatar
0 votes
2 answers
405 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.
user avatar
  • 300
0 votes
0 answers
70 views

Magento 2 - magento media query mixin not working

I try to add this code to my style. .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__l) { .foobar { background: red; } } I compiled it successfully with grunt, ...
user avatar
  • 2,402
0 votes
0 answers
54 views

Magento 2 - How to extend core adminhtml less file?

I try to extend the file vendor\magento\module-page-builder\view\adminhtml\web\css\source\_buttons.less to add my custom styles to it. I tried to add it to my custom module and added my custom styles: ...
user avatar
  • 2,402
0 votes
0 answers
28 views

Magento 2 - How to completly override a core .less file?

I need to completly replace this .less file from magento 2 core with my own file: vendor\magento\module-page-builder\view\frontend\web\css\source\content-type\button-item\_default.less but I can't ...
user avatar
  • 2,402
3 votes
3 answers
185 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 ...
user avatar
1 vote
0 answers
93 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 ...
user avatar
  • 101
0 votes
1 answer
300 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, ...
user avatar
  • 101
0 votes
2 answers
128 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 ...
user avatar
0 votes
3 answers
727 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 [...
user avatar
  • 109
0 votes
1 answer
151 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 ...
user avatar
  • 2,402
1 vote
1 answer
838 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 ...
user avatar
1 vote
1 answer
109 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 ...
user avatar
  • 75
0 votes
2 answers
649 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> <...
user avatar
0 votes
4 answers
1k 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 ...
user avatar
2 votes
1 answer
191 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 ...
user avatar
  • 569
0 votes
1 answer
47 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 ...
user avatar
  • 569
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 ...
user avatar
1 vote
0 answers
75 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 ...
user avatar
1 vote
1 answer
976 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?
user avatar
1 vote
1 answer
516 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 ...
user avatar
  • 2,052
1 vote
1 answer
81 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 ...
user avatar
  • 2,052
1 vote
0 answers
29 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?
user avatar
  • 27
0 votes
1 answer
295 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, ...
user avatar
  • 61
1 vote
1 answer
67 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 ...
user avatar
  • 360
0 votes
1 answer
30 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?
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 ...
user avatar
  • 173
0 votes
0 answers
58 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-
user avatar
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 ...
user avatar
0 votes
1 answer
167 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\...
user avatar
  • 770
1 vote
3 answers
693 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 ...
user avatar
3 votes
3 answers
167 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 ...
user avatar
1 vote
1 answer
51 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/...
user avatar
  • 1,719
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?
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/...
user avatar
2 votes
1 answer
892 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.
user avatar
1 vote
2 answers
2k 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 ...
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
37 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?
user avatar
0 votes
1 answer
632 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 ...
user avatar
  • 654
0 votes
1 answer
535 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 ...
user avatar
  • 654
0 votes
1 answer
697 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 ...
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 ...
user avatar
  • 654
1 vote
1 answer
793 views

Magento 2 Grid System

I am trying to work out what grid system comes with Magento 2.2 for the frontend I can see there are docs for the admin Page Grid however none of the frontend. Could someone point me in the right ...
user avatar
  • 2,429
2 votes
1 answer
1k views

Magento 2 - Change style for search mini.form

I created a custom theme for my store and I want to overwrite input and search button For example: I want to remove the search button magnifier icon with other icon and add a background on that ...
user avatar
  • 2,064