Questions tagged [css]
Questions related to CSS in the context of Magento
1,278
questions
0
votes
0answers
18 views
Magento 2 css from php
Who can tell me how to change the link from PHP.
$this->pageConfig->addPageAsset('')
I already tried but not working.
$this->getUrl('https://...')
Thank you!
0
votes
2answers
22 views
How to immediate effect on website after changes in less css code?
I am developing website design on Product listing page by css code in app/design/frontend/Smartwave/porto_child/Magento_Catalog/web/css/source/_module.less file
.Whenever I change the css code in ...
0
votes
3answers
26 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
1answer
20 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
0answers
15 views
change direction of span price class in magento 2
I have Magento 2.2.1. in price showing which is residing between two span tags with price class, I want to change the direction of that span. when I inspect see lrm; after span tag and I want to ...
0
votes
2answers
56 views
CSS/JS not loading
I am using Magento 2.4.2, I've moved from a VPS to dedicated, on the VPS everything was working , but after moving css/js are not loading, already corrected permissions and regenerated static files, ...
0
votes
0answers
21 views
Magento 2.4.2 Body Tag Empty
Trying to update one site from 2.4.0-p1 to 2.4.2-p1 and another from 2.3.6 to 2.4.2-p1
Both Magento instances now don't add anything to the Body Tag?
Before:
<body data-container="body" ...
0
votes
0answers
12 views
i want to add category section bar below my website to show as Mobil app
how can i add this bar below to my website, i use magento 2.3.6 porto theme
0
votes
1answer
25 views
Position text inside ahref element (in center of image)
I created a static block with the following issue:
I'm trying to center text inside an ahref element, which looks like the following;
<div class="small-24 medium-16 cell">
<...
1
vote
1answer
30 views
How do I remove the black box border from my magento website?
Please help me, I can not seem to figure out a way to remove the black border box surrounding all my product images and containers.
My website is tucsons.ng
Here is a sample of what I really want gone
...
0
votes
0answers
10 views
Nginx on Magento 2.3.2 not rewriting the /version on request urls
I am desperate with this. I have the following config files:
upstream fastcgi_backend {
# use tcp connection
# server 127.0.0.1:9000;
# or socket
#server unix:/var/run/php5-fpm.sock;...
0
votes
3answers
52 views
I want to delete marker from my html, css. Its showing on store view
I have marker showing in my slider on store view how can I remove it, I can't find this code in html.
[
0
votes
1answer
33 views
Magento2.4.2 - How to get merged js and css URL?
I need to get the merged CSS and JS files URL for the current page. I have checked the core file vendor/magento/framework/View/Page/Config/Renderer.php::renderHeadContent()
public function ...
0
votes
0answers
19 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, ...
0
votes
1answer
30 views
Magento 2.3.7 new installation not show error and none log, but use blank page without styles
recently installed magento 2.3.7 via composer, but not get any error from log or browser, this is my apache configuration , luma not working
<VirtualHost *:80>
ServerAlias magento.test
...
0
votes
0answers
21 views
M2 Admin CSS URLs incorrect
After we incorrectly changed Base URLs in the admin area, we lost all CSS etc on both front and back ends. Could not fix via the admin area as Save buttons not working.
In the database I updated the ...
-1
votes
3answers
41 views
How can I convert quick order image to css in Magento 2?
I have this icon
I wanna convert in css this icon.
This is below code I implemented but could not success.Please help
<!DOCTYPE html>
<html>
<head>
<meta name="viewport"...
0
votes
2answers
56 views
Radio buttons are not displayed in the “payment & shipping information” section in the case of reorder by admin magento 2.4
- sales > orders > view > and Click Reorder and check "payment & shipping information” section
Radio btn Not Showning admin panel. Check below image
0
votes
0answers
22 views
Magento 2 - Size of styles
I'm asking myself about performance on Magento 2 websites. Indeed, Google says to me that 95% of my styles-m or l files are unused on homepage.
That's a normal behavior, I suppose, it's the aim of the ...
0
votes
0answers
30 views
How to maintain equal space gap between two li items using css?
This is my design, in this i want first and last item at corner and other items in center but with equal space gap. right now i can manage either corners or equal gap. is there any way to manage both ...
1
vote
3answers
235 views
Missing css from source code magento 2.4.2
When upgrading to Magento 2.4.2 all of the core css is missing front both the back and frontends.
Looking at the source I see no reference to such lines such as
<link rel="stylesheet" ...
0
votes
0answers
20 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:
...
0
votes
0answers
23 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 ...
-1
votes
1answer
45 views
How to make round border with gap in swatch in css?
I have to make orange border of swatches like below image
I made round swatches in magneto 2.4 and it look like below image
My css code
.swatch-option{border-radius:50%;min-width: 18px;width: 18px !...
0
votes
1answer
43 views
How to add inline css to the Transaction Emails
I need to update existing email header. There for I have to modify some styles.but doesn't define in specific style in app/design/frontend/{themename}/{namespace}/Magento_Email/email/header.html
app/...
0
votes
0answers
65 views
Magento 2 on Valet not loading CSS
So, as the title says, css is not loading on my local Magento page.
I have used Valet, and Magento has been working fine up until today. Today, I wanted to try something and executed valet secure {...
3
votes
3answers
117 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
0answers
15 views
Magento applying incorrect inline css style size to upsell block
Using Luma as parent I have set image size in my theme's view.xml file for "related_products_list" "small_image" to 80/80.
On the front end this displays correctly, and I notice ...
0
votes
2answers
50 views
Remove a style from style-m
this style is causing an issue with my mobile menu.
.navigation .submenu:not(:first-child).expanded {
display: block !Important;
}
I have tried to overwrite it but it still appears as a ...
0
votes
0answers
42 views
CSS color variable override not working
I have created a child theme using LUMA as parent. Although many of the variables I have updated in my /theme_name/web/css/source/_extend.less file seem to work correctly I have now noticed that I can'...
0
votes
2answers
78 views
Magento2 - Changing the position of header content
I want to make the Free Shipping content at the top center of the site but it is in right corner.
How to change the css for doing it?
Created a block on the admin panel and applied this code on ...
0
votes
1answer
36 views
Using different background images for desktop/mobile display on blocks - widgets
I created a block and a widget in magento 2.4 page top to display as a banner promotion, but i want a different display for desktops and different for mobile.
what i have tried:
<div style="...
0
votes
2answers
31 views
How to change the front look of the website as it is showing without css?
I made the custom theme with the parent theme luma and now applied it as well but site lost its css.
0
votes
1answer
28 views
Issues with .css changes back to original settings
I am nearing the end of my M2 dev site and ready to go live however I keep having one main issue. We have made some changes to some of the text on the home page, menu and my shop by brands page. We ...
0
votes
1answer
39 views
Magento 2 How to add custom CSS to HTML Template?
I have a custom html template where I have classes.
On layout I have added my css like this:
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance&...
0
votes
1answer
26 views
Magento 2.4 - changing CSS
I want to change the menu bar and some other elements on the luma theme for Magento.
I have not found a way to do this yet, anyone knows how to do it?
Any tips and help is appreciated
-JP
0
votes
1answer
39 views
Proper Place to Add CSS in Magento2 and Magento only Showing CSS Changes when Clearing Browser Cache?
I am trying to modify some CSS files in my Porto theme in Magento 2.3.5pt-2. When modifying the CSS in pub/media/porto/web/css/custom.css I am not seeing any changes. I am in developer mode, I have ...
0
votes
1answer
76 views
Free Shipping Bar In Mini Cart
I Followed the tutorial Add Free Shipping Bar In Mini Cart, Magento 2 https://kiwicommerce.co.uk/blog/how-to-add-free-shipping-bar-in-top-mini-cart/
The progress bar showing but the Title Text is ...
0
votes
2answers
69 views
Magento 2.4 : Frontend/Backend Not working
I am using below configuration :
Magento 2.4.x
PHP 7.4
Composer 2.0
Frontend and Backend is not working. All .htaccess files are there in required folder.
But still,I am getting below log in apache
...
1
vote
0answers
55 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 ...
1
vote
1answer
39 views
How do I load custom CSS for a widget only when the widget is used?
I have a custom widget for the product page (catalog product view). How can I load the custom CSS file into the head only when the Widget is actually placed on the page?
I am looking for a best ...
1
vote
1answer
76 views
How can I use the Magento UI library to display a link as a button?
I'm migrating an old module to Magento 2.4 and I would like to use the native classes from the Magento UI library to replace my Bootstrap classes.
What classes should I use to make my links look like ...
0
votes
3answers
63 views
What's the best way to customize the css in Magento 2?
I created my theme as Luma child but I cannot really understand what's the best way to customize the css. Until now I just wrote all of my styles in _extend.less file but it's a lot of stuff for just ...
0
votes
1answer
42 views
Magento 2 Theme Development Image to spread across home page
I can't figure out to spread a image across a screen.
It's in a block, which is then put into the cms home page.
Block;
<div><img id="intro-img" src="{{media url="images/...
0
votes
0answers
84 views
Magento 2 - How to apply different email style for outlook?
I try to create a e-mail template. I created custom header and footer, they are loaded and look good in magento 2. However in outlook it looks complelty destroyed and weird
So I figured out that ...
0
votes
2answers
46 views
How to add Twenty Twenty(Image Before & After) in magento2.4.2
I need to add a picture comparison function. This is the code Twenty Twenty I need, it looks very good, and it's free. But we don't know how to make it run.
Twenty Twenty Download Link https://zurb....
0
votes
0answers
31 views
Today, can I safely use CSS Flexbox and Grid in order to develop my Magento theme?
Today (April 2021), can I safely use these new CSS property in order to develop my Magento theme?
Flexbox
Grid
Or should I still prefer Float and Inline-Block?
This is my audience:
0
votes
0answers
49 views
How to defer CSS via layout xml?
I'm trying to defer a CSS file through default_head_blocks.xml.
After reading through as much as possible on here - and across the internet - I came across an answer suggesting to add defer="...
0
votes
0answers
77 views
Url Not working - Category Pages not Loading
I ran the following commands to enable a module on magento 2.4.1:
bin/magento module:enable testapp
bin/magento setup:upgrade
The command executed successfully, but this caused the images on my ...
0
votes
0answers
18 views
PHP third party library assets integrate in Magento
I want to integrate third party PHP raw library (Not a Magento 2 library) assets (JS, CSS and other) so that during the deployment of the static content, they are made available.
I tried the approach ...
