Questions tagged [css]
Questions related to CSS in the context of Magento
1,126
questions
0
votes
0answers
11 views
How to show scrollbar permanent in safari browser on mobile? Not only on hover
How to show scrollbar permanent in safari browser? Not only on hover.
Scrollbar not showing in safari browser when i hover then it will show.
2
votes
2answers
37 views
Css can't read content in new area code for theme deploy
Here is my scenario. I have create new area for my theme (Not adminhtml , frontend). Used Developer mode and no symlinks config in admin
I have create new module simple for define new area theme
...
0
votes
1answer
20 views
Magento2.3: How to customise the default search design in home page?
I want to customise the default search button in home page. We have the search as below screenshot and want to do that if we click the search icon it should open the input box below the search icon.
...
0
votes
1answer
34 views
Magento 2 - Include css from module in template
I developed a new extension. I have some CSS which I need to include on some templates.
CSS:
app\code\Fekete\Newsletter2Go\view\frontend\web\css\main.css
Block:
\app\code\Fekete\...
2
votes
3answers
100 views
Magento2.3: How to upload profile picture and show it on My Account dashboard?
We have customized the My Account dashboard with our own design. Now we wanted to implement the profile picture option while the customer do the registration.
After the registration, in My Account ...
0
votes
2answers
38 views
Admin is returning a 404 on styles.css and theme.js on Magento 2.3.3
The backend of my Magento installation is not loading CSS/JS. I have reached a point where I just cannot work out why this is happening and hoping that someone might have an idea.
This is what I am ...
1
vote
1answer
157 views
How to change font source url from local to CDN?
I have uploaded google fonts on the local server to a custom directory and it seems to work well so far except that the Ultimo theme I am using is picking the base URL to generate font URL path. ...
0
votes
2answers
38 views
BX-Slider is not working
I have implemented the BX slider to one of my module. After implementing the BX slider, I can see the script and CSS for BX-slider have loaded when i look into the developer tools. However, the Bx ...
0
votes
1answer
20 views
Use css of one theme into another
I want to use CSS from .less file of one theme into another theme phtml file. There are two theme in my Magento 2.3 site.
How can i do this?
0
votes
0answers
19 views
Magento 2 How to create separate My Account dashboard for different group of customers?
We have created registration forms for different group of Customers like dealer, employee. Now, we want show separate My Account dashboard for those customers. How can I do that?
Any help will be ...
0
votes
1answer
27 views
Changing the design of Myaccount page
We have designed My account page using HTML. Now we have to implement the same design on our website.
In order to get the same design, where I have to modify the CSS?
Could anyone please help me ...
1
vote
2answers
38 views
Magento 2.3 - removing the login/Signin button on checkout page
I use magento 2.3.2 and i cant locate the SIGN IN button in the checkout page of my website..
i have tried to access
magento\vendor\magento\module-checkout\view\frontend\templates\onepage\link.phtml
...
0
votes
1answer
25 views
Dark Overlay over my PDP (Product Description Page) Magento2
I am using Magento 2.3.2 for my Ecommerce and whenever i open a PDP in my magento 2.3.2, i get overlay on the screen, Please check attachment Image.
I have tried with CSS to remove this or to disable ...
0
votes
1answer
16 views
In Magento 2, How can I add a custom class to a SPECIFIC customer navigation item, ie “Company Structure”
In Magento 2.3 I'm trying to add a custom class instead of nav item to a specific menu item. In my case it's "Company Structure". A perfect solution would have each item with a distinct class like "...
2
votes
3answers
97 views
How embedded CSS in transactional email works?
I have a very frustrating issue with the Magento 2 sales order emails. Through experimentation, I worked out the locations of the many files that are used to comprise these emails.
At some point, I ...
0
votes
0answers
22 views
How CSS loads partially or not at all in Magento 1?
I have an extremely weird problem that I face for the first time.
From time to time (it's really absolutely random), the CSS of a Magento 1.9.3.10 store is not fully loaded. It can happen on a ...
0
votes
2answers
27 views
How to change css which is in pub/static folder
I want to change the css which comes from this file /pub/static/frontend/Smartwave/porto/en_US/css/styles-m.css
As we cannot change content in this file, then how can i change the css. Is there any ...
1
vote
1answer
28 views
Magento 2: how to add css ONLY to custom module
I created a custom module that overrides the addtocart.phtml file. In that module, I also created a css file.
Here is what I did:
Here is my layout - catalog_product_view.xml:
<?xml version="1.0"...
0
votes
0answers
6 views
restyling of the rating block
Tell me how to redo the styles of stars so that they have a stroke.
Now they have a standard look
but I'm trying to do both on the layout
I only need a stroke on the stars*
1
vote
1answer
22 views
create or remake a block with a rating of reviews
I have a block in the product description for the product page, I need to transfer it after the tabs and redo the styles
I moved the block to xml
<move element="product.info.review" destination="...
0
votes
0answers
24 views
Magento2 - Google Pagespeed : any idea why it takes account of desktop css?
My question might not be magento specific, but I'm curious, as I couldn't find the answer elsewhere (or failed to find the correct terms).
When I use Google Pagespeed on a magento 2 website with a ...
0
votes
2answers
62 views
Magento 2 How find css in theme for changes and apply also in pub/static [closed]
I want to apply css in ced_vpanel.css file which is located in pub/static.
/pub/static/frontend/Ced/ced_2k18/en_US/Ced_CsMarketplace/css/ced/csmarketplace/ced_vpanel.css
want changes in css file ...
1
vote
2answers
43 views
Override CSS file from composer installed module
I've one composer module which has CSS stored in view/base/web/css/style.css
How can I override this file so that I can modify it.
I tried copying that file to my custom theme as below,
app/design/...
0
votes
0answers
10 views
Magento 1.9 After merging CSS websites fonts getting changed
I have issue with magento 1.9.8. when i was enabled merge css from backend then frontend content font was changed.Custom css was not merge properly.
0
votes
0answers
32 views
Failed to load resource: the server responded with a status of 404 (Not Found) theme.css.php: 1
The website design suddenly disappeared
It worked fine until yesterday, but I noticed that some designs were not displayed today
Check it out
Failed to load resource: the server responded with a ...
0
votes
0answers
8 views
How to style given HTML with css to style like the screenshot attached below?
<div data-role="content" class="filter-options-content Size opt_id_3" role="tabpanel" aria-hidden="false" style="display: block;">
<ol class="items">
<li class="item">
...
0
votes
0answers
37 views
How to write a condition to show down arrow if the category has sub-category?
I want to show down arrow when if the parent category has a child category. As of now, the code I'm working is showing the down arrow for all the parent categories even though it doesn't has a sub ...
0
votes
0answers
18 views
Exclude CSS from styles-l/styles-m files if the module output is disabled
I disabled some modules output for my website and would like to exclude their CSS too. Any idea.
0
votes
1answer
28 views
CSS Problem in Magento 2.3
I've got a problem in my M2.3.2 site which is affecting the customer login controls on the My Account page.
It's breaking the layout and I think it's being caused by core Magento css contained in ...
0
votes
1answer
54 views
How to add Custom Css class to a footer block in Magento 2.3
I want to attach one custom CSS class to a footer block using javascript. How can we do that?
<ul class="footer-links col-lg-5 col-md-5 col-sm-12">
<li><a href="/about-us">About Us&...
1
vote
1answer
192 views
How to enable CSS Critical Path in Magento 2
How to enable CSS Critical Path in Magento 2.3.0
Reff: https://devdocs.magento.com/guides/v2.3/frontend-dev-guide/css-topics/css-critical-path.html
When I try to enable, I'm getting the below error.
...
1
vote
1answer
23 views
Magento 2: How can I change the frontend mobile menu position and transition
The mobile menu does a transition from the left side of the screen and shows a small part of the background in the right, how can I change the transition to start from the right and leave the ...
1
vote
2answers
41 views
CSS and LESS files are ignored in custom theme
I'm trying to customize this component:
As I read from the documentation, in order to override the style of this search bar you need to create a folder called Magento_Search and add an _extend.less ...
0
votes
0answers
22 views
Magento 2: CDN Recommended for Magento 2, Community Edition
We were examining the possibility of adding a CDN service for our platforms on Magento 2.
However, this possibility had already been adopted in the past and had created several problems with the ...
0
votes
1answer
22 views
magento 2.2.6 theme responsive issue
I run several websites with a "responsive" template. The thing is, the template is not really responsive....(And the developpers have dropped support on it...)
the mobile stylesheet seems completely ...
0
votes
0answers
22 views
how to override or normalize css in magento 2 as to mach the theme css class styles?
I have Magento 2 CSS file and theme CSS file normally the theme CSS will override the magento2 CSS file
then I have added a bootstrap CSS CDN
the problem is bootstrap CSS overriding and adding some ...
0
votes
1answer
30 views
How to remove default botstrap css applies on my custom theme?
I created my own theme which depends on Luma theme. But I have an issue to applies some CSS such _reboot.scss , _grid.scss so how I can remove this?
0
votes
3answers
32 views
Is there any way to reflect the css,js changes without running static content deploy in Magento 2?
Is there any other method other than running deploy command to get new changes in the files in Magento 2?
1
vote
1answer
24 views
Magento 2 - remove stylesheet and javascript from the home page to improve page load speed
i'm trying to remove some unnecessarily css and javascript that is included in the homepage.
For example, the swatches.mini.css, blog-m.min.css, blog-custom.min.css, calendar.min.css doesn't seem to ...
0
votes
0answers
15 views
Strange scroll behavior on mobile device
When I scroll up/down in a mobile browser (Firefox and Safari e.g.) on my iPhone, the scroll stops when the bottom browser menu collapses.
I recorded a video to make it more clear. You can see the ...
0
votes
1answer
18 views
Custom sidebar filter in magento 1.x
I want to customize a sidebar filter in the category magento 1.
I have it customizable but when reloading, it shows the body part when the header is not clicked.
I want to click on the header, the ...
1
vote
2answers
90 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 ...
0
votes
1answer
28 views
Magento doesn't have CSS after installed? [duplicate]
I have below page after install:
I have referenced to this link but it not solved my problem.
When I run php bin/magento setup:static-content:deploy -f, I got this error:
1
vote
2answers
36 views
CSS only applies to widescreen devices, not mobile in Magento 1.x
CSS only applies to widescreen devices, not mobile. This isn't reponsive because when I use F12 in the browser and select the reponsive mode, it still has css but when reloading on it it no longer ...
0
votes
3answers
314 views
Pub/media css was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff in magento 2
I set up Magento 2 localhost migrated from the server.
but when load frontend showing like this
Pub/media CSS was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff ...
0
votes
3answers
162 views
Magento's modal-popup's don't scroll on Safari
I have discovered that Magento's modal-popup's do not scroll on safari.
You can see this is you log into a Magento 2 demo store with a user which has a saved shipping address. Go to the checkout and ...
0
votes
1answer
45 views
Load custom css in IE issue in magento2
I need to use custom css in IE.
Added below code to default_head_blocks.xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="...
1
vote
0answers
63 views
Override /pub/media/… css file?
I would like to override a CSS file who is here :
/pub/media/porto/web/css/header/type6.css
But when I try to put it in my child theme nothing happen :
/app/design/frontend/Smartwave/porto_child/.....
0
votes
2answers
45 views
Magento 2 - Full width for a section in product view page
I add a new block in Product View page:
<referenceContainer name="content">
<container name="containertwo" as="containertwo" label="ontainer" htmlTag="container" htmlClass="my-...
0
votes
1answer
90 views
Operation on an invalid type in _typography.less in _utilities.less in _listings.less
Updated to Magento 2.3.2 yesterday and have noticed that the CSS for css/styles-m.css is failing to generate with the below error:
Operation on an invalid type in _typography.less in _utilities.less ...
