8
votes
How to add css only for checkout page of rwd theme in Magento 1.9.0
You are using the wrong handler
<checkout_cart_index>
Will add css to cart page not in check out page
replace with
<checkout_onepage_index>
this will add content to checkout page
- 14.8k
5
votes
Accepted
How to add custom css file in magento2.2.6?
You need to follow the below steps:
Step 1:
Create default_head_blocks.xml like below:
app/design/frontend/[vendor]/[theme]/Magento_Theme/layout/default_head_blocks.xml
Step 2:
Andd create local....
- 10.9k
5
votes
How to add custom css file in magento2.2.6?
You have to add it in your current theme like this:
app/design/frontend/{Yourtheme}/{name}/Magento_Theme/layout/default_head_blocks.xml
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-...
- 11.7k
4
votes
Accepted
Magento 2 - How to change fonts
1) To add a Google Font:
Go to <theme_dir>/Magento_Theme/layout/default_head_blocks.xml and add it like this:
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:...
- 11.7k
4
votes
Accepted
Unable to find styles-l.css original path in custom theme
styles-l.css and styles-m.css are files generated by less compiler from all module files. If you want to modify its content you need to create your own theme in app/design/frontend. In your theme ...
- 5,928
4
votes
Accepted
Magento 2 - Change style for search mini.form
See here: How to add custom CSS / LESS in your custom theme ?
And to change icon this is the responsible class :
.block-search .action.search::before{
content: '\e615';
}
Change content value ...
- 5,805
4
votes
Accepted
TinyMCE4 <style> tag not showing in editor
TinyMCE disabled the ability to add them outside of the tags, so <style> tags are not valid XHTML, For this you will have to add style tags to the valid children configuration:
valid_children :...
- 1,883
4
votes
Accepted
How to add CSS that works only in Checkout page Mangento 2.4.2
If CSS is merged then, that merged css will call in all page. Otherwise, you can add css in checkout_index_index.xml file :
<head>
<css src="Magento_Checkout::css/customcheckout....
- 17.5k
4
votes
How to add CSS that works only in Checkout page Mangento 2.4.2
Create "checkout_index_index.xml" file in module Vendor_Module/view/frontend/layout/checkout_index_index.xml add below code in it.
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-...
- 2,518
3
votes
Accepted
How to add custom styles to Bought theme in Magento2?
Magento recomand to use less for better configuration and optimization, for that you need to use _extend.less .
Create it to this path:
app\design\frontend\vendor-name\theme-name\Magento_Theme\web\...
- 572
3
votes
Accepted
How to disable link in telephone phone number in address book?
You can change it easily from backend
Admin > STORES > Configuration > CUSTOMERS > Customer configuration > Address Templates > HTML
Replace HTML field content line with below
{{depend telephone}}T:...
- 12.7k
3
votes
Styles are not loading after removing pub/static and run setup:static-content:deploy in Magento 2
You've actually removed the whole of the pub/static folder. Meaning you've also removed the .htaccess file from the static folder.
Re-add this .htaccess file to pub/static:
<IfModule mod_php5.c&...
- 1,383
3
votes
Accepted
Add inline style to element in XML Magento 2
According to my research, you can't set inline style on a container element.
The Arguments
In the classes responsible for interpreting this type of xml element, Magento\Framework\View\Layout\Reader\...
- 1,460
2
votes
Accepted
Align button to the center
Here's your solution: http://jsfiddle.net/7Laf8/
Basically, place your button into a div with centred text:
<div class="wrapper">
<button class="button">Button</button>
</...
2
votes
Accepted
Magento 2: Add border-radius to image on product page
@JoshuaFlood first you need to inspect the image tag on your browser to get the right image class, then you can style it like this:
.fotorama__stage__frame .fotorama__img{
border-radius: 50%;
}
- 2,818
2
votes
Accepted
Styles-m.css file locations
After deploying static view files, if you check this file:
[your Magento install dir]/var/view_preprocessed/css/frontend/[vendor
name]/[theme name]/en_US/css/styles-m.less
inside you will see a ...
- 2,192
2
votes
Accepted
Magento 2 - Adding <style></style> tag in head
You don't need to make changes in any file to add style tag in head. You can do it from admin panel.
From admin Menu Go to Content->Design->Configuration. Now select you store view and click on edit ...
- 5,914
2
votes
css style overrides?
Include steamspeed_logo.css after styles.css at head section in HTML and user css selector like this: .parallax-banners-wrapper .text-banner .banner-content h2.ss_logo instead of .ss_logo.
- 3,035
2
votes
Magento2: how to auto add grey bg color under photo
In your theme's etc/view.xml update / set "transparency" , "aspect_ratio" and "frame" to "false" like in both grid and list view , like example below :
<image id="category_page_grid" type="...
- 3,667
2
votes
How to Clear cache files for .less
you should never edit files on your prod-system! you should fix your deployment process if you have to do that!
you need to delete all files in var/view_preprocessed and run bin/magento setup:static-...
- 1,733
2
votes
Magento 2 Add custom CSS class to breadcrumbs
First create a new module for breadcrumbs.
you need to rewrite the css with your custom module using di.xml of your frontend scope:
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" ...
- 1,069
2
votes
css file : failed to open stream: No such file or directory
these 2 lines may help:
find var generated vendor pub/static pub/media app/etc -type d -exec chmod g+ws {} +
assuming www-data is your server group
chown -R :www-data .
references: https://devdocs....
- 7,753
2
votes
Accepted
css file : failed to open stream: No such file or directory
In most cases this happens due to empty less/css files.
Check if the file style.css or style.less located in the frontend directory of Mymodule_Base module is not empty. Add some css there. Then run
...
- 352
2
votes
css file : failed to open stream: No such file or directory
Following command will help you for sure.
chmod -R 777 var pub generated
php bin/magento setup:upgrade && php bin/magento setup:static-content:deploy en_US -f
If this helps you then hit like ...
- 529
2
votes
Styles are not loading in Magento 2.4.2 on Mac OS
You can try this if you have configured nginx correctly:
If you use php 7.4.20
Edit that php.ini file and find the section [Pcre] and add this line at the bottom of that section :
pcre.jit=0
Restart ...
- 301
1
vote
Accepted
How to edit .less or css files
You need to compile less using Grunt. You can find detailed description of configure grunt here
You can also run below commands from Magento root directory.
php bin/magento setup:upgrade
php bin/...
- 2,138
1
vote
Accepted
Fresh Magento 2 install admin does not give login box
Yes, This is the problem with windows. Windows uses "\" as separator, the array "directories" contains entries with "/" as separator, so the check will always fail.
So you need to fix this by ...
- 1,512
1
vote
css style overrides?
.ss_logo {
text-transform: none !important;
letter-spacing: 0 !important;
}
likely the above would do what you are after. Now, to give a better answer, we'd need to see the html and ideally, have ...
- 7,753
1
vote
Frontend styling has disappeared, and I can't get it back
Please check in your frontend store language. If frontend store language is different then you need to setup:static-content:deploy -f {lanug_code}.
Like, If your frontend store in Germany then run ...
- 1,364
1
vote
Add external stylesheet link-rel head tag
Local Css
You can download that css file for exemple newcssfile.css , then you add it in :
skin/frontend/{package}/{themeName}/css/newcssfile.css
Magento doesn't know this new file, so you have ...
- 11.7k
Only top scored, non community-wiki answers of a minimum length are eligible