Questions tagged [css]
Questions related to CSS in the context of Magento
1,225
questions
0
votes
0answers
22 views
Custom Theme : How to add background color for header in custom theme inherit from blank theme
I have created a custom theme which is inherited from the blank theme, how to add background color for the header?
web -> css -> source
_header.less :
.page-header{ background-color: #000;}
...
0
votes
0answers
10 views
Add CSS to my fresh custom theme header
I just created my custom theme, how to add CSS to my header, here what is less?
0
votes
0answers
16 views
Product Page not responsive in mobile (Porto Theme)
I created a child theme for Porto theme
responsiveness is working on desktop, but not in mobile. can anybody help me? could I be missing the viewport metatag only in product page? I`m a newbie to ...
0
votes
1answer
18 views
Magento 2 fresh install, admin page 404, css 404, js 404
Problem
I've got a fresh install of magento 2 on ubuntu 20.04. I followed the install with composer guide on the mangento site. The installer completed with no complaints.
When I head over to my url I ...
0
votes
3answers
17 views
Less file styles not applying in Magento 2
I have custom theme in ..../design/frontend/MyVendor/my-theme folder. My main less file is in design/frontend/MyVendor/my-theme/web/css/my-main.less.
Content of the main less file:
@import './source/...
0
votes
0answers
8 views
Grunt css changes not showing in browser
New to Magento so please be patient with me. I've created a custom theme using Magento/blank as its parent. Grunt is detecting changes im making to the css files but the changes are not showing on the ...
0
votes
0answers
13 views
Adding Style to a plugin
I've made a plugin inside of a module, and I need to give CSS style to the echo of PHP.
I don't know if I need to create a new .xml and if I have to do that what should I put there?
What does my ...
0
votes
0answers
16 views
Force all Caps/Uppercase on Magento2 Registration Form
I am looking for the proper way to force the Magento 2.3 registration form to submit all registrations in all caps. I have tried the text-transform:uppercase with no luck. I am thinking that Magento ...
0
votes
0answers
16 views
How to enable Dark Mode using Less
I'd like to enable the Dark Mode in Magento 2.
Using plain CSS I know it easily achieved by doing:
@media (prefers-color-scheme: dark) {
.day.dark-scheme { background: #333; color: white; }
....
0
votes
0answers
15 views
How to increase the quality of product images JPG Magento 2.3.4?
I'm using Magento 2.3.4. my uploaded product images quantity is very low because of compression. My product images size in 30 to 40 kbs, can someone help me increase images quantity?
0
votes
3answers
49 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
4answers
47 views
How to give a CSS class via XML?
There is a link in header portion called quick order, I need to add css class for that link but there is no phtml file for that link so I need to add it via xml. Below is the xml file from vendor.
<...
0
votes
0answers
10 views
Mini Cart Icon dis-appear in mobile menu
I want help with the menu-cart icon that should be dis-appear in the mobile view in Magento 2.3.5-p1.
so can anyone have an idea please share with me.
Thanks In Advance.
0
votes
0answers
20 views
How can I add new block in the footer and place it like this?
I'd like to add a new block in the footer and place it like this in Luma theme:
At the moment, the main footer container is using:
display: flex
and it shows all 3 blocks side by side.
2
votes
0answers
27 views
It is possible to deploy only one file using deploy command?
In production mode when I change the design of some particular block or page then I am only working on one or two files like js and CSS.
To apply that one change I need to deploy the whole theme.
Can ...
0
votes
0answers
14 views
display only newsletter events messages
Any idea of how to make my site show the global message only on newsletter events?
subscribe events, the rest of the messages like add to cart I don't want to show...
0
votes
1answer
29 views
Magento 2 compile css error during upgrade
I have made some changes in CSS and upgrade as usually, it gives that error but suddenly hide from and no prob will come on CSS deploying but now it struck and I have no idea why.
I tried to recompile ...
0
votes
0answers
15 views
Need all attributes in specification tab to be in a 2 column
I use magento 2.3.4 site which utilizes over 20 attributes but the issue is this that all the attributes are listed in a single column and make the product page lengthy when the attribute tab is ...
0
votes
0answers
9 views
Magento 2 - how to use my css and js in the theme and in the components
I'm new with Magento.
I'm a rails developer and vue developer with frontend experience, and I have to work on a magento theme (it's a store of a friend of mine)
I read a lot of documents and I ...
0
votes
1answer
16 views
How to prevent from always static content deploy content on changing JS and CSS work in Magento 2?
How to prevent from static content deploy after changing in JS or CSS file in Magento 2.
After doing some little change changes are not loads in front end if doesn't deploy.
How to do that Any help is ...
0
votes
0answers
16 views
Fixed Layered Navigation
I am building a layered navigation module for my theme based off magento 2 blank. I noticed there is no mobile friendly version of the layered navigation included in this theme.
I have hidden the ...
0
votes
0answers
17 views
A clean styles in my custom theme
I have a custom folder with styles to different elements, for example buttons.
Custom_theme / web / css / source / uikit / elements / _buttons.less
It is loaded by an index.css. That works.
Also, I ...
0
votes
1answer
16 views
javascript not working
<script>
//Using document.body.contains.
if(document.contains(document.getElementByClassName[0]('wcEmoticon'))){
document.getElementsByClassName[0]('wcMessageContent').element....
0
votes
0answers
18 views
Magento 2.2.5 errors in Safari browser
we have integrated one step checkout. it's working fine in other browsers but in safari it's throwing error, because of that credit card form is not visible on checkout page.
above is the error i'm ...
0
votes
1answer
77 views
Magento 2 - use LESS variables in custom LESS file
I added bootstrap 4 to my site, but it overwrites many magento 2 core css.
So I added a new file THEME\web\css\bootstrap.less where I try to fix these problems, and added it to my THEME\Magento_Theme\...
0
votes
1answer
94 views
Magento 2 - How to load css before style-m.css / style-l.css
I added bootstrap 4 to magento 2 by putting it in THEME\Magento_Theme\layout\default_head_block.xml. it works, but bootstrap 4 is overwriting magento code.
So how can I load it before the styles-m and ...
0
votes
0answers
25 views
Payment credit card fields not visible in safari browser in Magento 2.2.5
I'm working on a project in Magento-2.2.5 but on checkout the payment method add cards and other fields does not appear. This issue only occurs in safari browser, in other all browser it works fine. ...
0
votes
1answer
30 views
Magento 2 - Override luma themes module less file
I try to override css code from the file vendor\magento\theme-frontend-luma\Magento_Checkout\web\css\source\module\_cart.less:
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @...
0
votes
0answers
6 views
Need to change customer account side tabs layout Vertical Layout to horizontal on top.Magento 2.3
I need to change the My Account section side tabs layout (Vertical to Horizontal) and wanted to add on top before the My Videos Label.
Please Help me to change this layout.
0
votes
1answer
24 views
Magento2 - How to bring a 100% html template?
I have tried several methods to bring an html template to Magento2.
One was to simply load style sheets from the template I was working on. The styles were mixed with the standard template, and the ...
0
votes
0answers
30 views
i moved magento1 store from one server to another server, it is displaying only half page except for homepage and admin
i moved magento1 store from one server to another server, it is displaying only half page except for homepage and admin, phtml files and cms pages are not loading.
0
votes
3answers
60 views
CSS is not coming on Magento 2 Frontend
Now my CSS Link are https://www.vdcprojects.xyz/otabazzar/version1596944524/frontend/Sm/topmart/en_US/css/styles-m.css
Actually CSS are in :
https://www.vdcprojects.xyz/otabazzar/pub/static/frontend/...
0
votes
1answer
30 views
Magento2: move greet.welcome element at start in to.links section in header
In my Magento site, I want to move Welcome element which shows after login to the start of the top.links.
Currently it is showing in the end after login.
Without login:
With login:
Without login ...
0
votes
1answer
123 views
How to use the critical.css in Magento 2.4?
I noticed that I have a critical.css file configuration in my new Magento 2.4 installation as you can see in this image below.
How can I create it in my theme and what's the purpose of this?
0
votes
0answers
33 views
How to create autocomplete on click on textbox in magento2.3.5
I want to create a dynamic textbox and using the id attribute to use autocomplete functionality in this. I have Developed a dynamic id for each textbox on click of add Item button and my id is ...
0
votes
0answers
15 views
How to add ttf file in less using typography.less file?
I want to call .ttf file instead of .woff2 file in typography.less. But, it's not call and return 404 error.
Code :
.lib-font-face(
@family-name: @roboregular,
@font-path: '@{baseDir}...
0
votes
2answers
29 views
how to use js and css in custom module in magento 2.3.5
I want to use css and js in custom module, I want to create collapse tabs in magento
so anyone can have idea please share with me.
Thank you in advance.
1
vote
1answer
31 views
CSS files just stopped loading // MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled
Hello I am new with magento and ran into a issue that has caused a huge headache this morning. I updated a phtml file the same way I have previously but this time I got back this error and now none of ...
1
vote
0answers
8 views
Flexbox CSS issues Not Rendering Responsive
I am a newbie to FLEX but am trying to accomplish the following. I've got my section boxes where I want, but am having a hard time trying to keep my BUY ONLINE and PICKUP CURBSIDE DELIVERY ...
0
votes
1answer
34 views
Magento 2 hide sidebar only in category view for mobile
I am trying to hide sidebar in my magento 2 instance with css only for mobile view and only in category view pages.
I tried:
@media (max-width: 767px) {
.category-view .sidebar .sidebar-main {
...
0
votes
3answers
44 views
Magento 2.3 - CSS changes revert after running “ php bin/magento setup:static-content:deploy -f ”
After edited CSS then run php bin/magento setup:static-content:deploy -f my changes revert, all my css workout removed.
CSS Path :
pub/static/frontend/Codazon/fatest_grocery_gourmet/en_US/css/style-...
1
vote
2answers
118 views
Adding a Style Sheet
I am trying to add a Style sheet in my Magento 2 store. My default_head_blocks.xml is like below<?xml version="1.0"?>
<!--
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING....
3
votes
0answers
19 views
Magento 2.3 - After setup Multi-website CSS unknown error - LEMP (Centos 7 - Nginx)
After configure multi website using https://magento.stackexchange.com/a/117930/57334 css not loading.
Note: My main website working, multi Website only getting this error.
1
vote
0answers
21 views
What's the best way to add css to vendor module?
I download via composer a module and I need to add some CSS to it.
What's the best way to add that css? Adding to my theme, extending the module css and add more css there? I've seen some ways but ...
0
votes
2answers
28 views
Site load without css after Migrating from one server to another
After migrating my magento site from one server to another, I encounter the following problem: the site loads, but without styles (css), it is as if it could not access the file.
here are the ...
0
votes
0answers
27 views
How to validate and Submit Login Form Using Ajax
i want to create login form using ajax with validation in magento 2.3.5.
so can anyone have idea about it then please share with me.
Thank you in advance.
1
vote
0answers
47 views
Missing cached stylesheet for Magento 2 Theme
We are using the free HiddenTechies theme "Bizkick" for our Magento 2 store and we are having an issue with a missing stylesheet.
On the front page, the theme is displaying correctly except for two ...
0
votes
2answers
28 views
How to call Static content block
I want to create static block in Magento 2.3.5 and call that block in footer content. please anyone can have idea then please share with me.
Thank you in Advance.
0
votes
2answers
72 views
CSS file not supported Site Broken
I am facing this error message "The CSS Style is not supported because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled ". Done with run upgrade ...
0
votes
0answers
16 views
Changing debug mode into magento 2.3 losses theme css content
My site was in production mode. i changed it to developer mode. i ran all the commands. Static content deploy command too.
But site is looking weird now.
Can you guys please suggest something.
https://...
