Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions related to CSS in the context of Magento

0
votes
1answer
11 views

Element 'css': This element is not expected. in Magento 2.2.5 (upgraded from Magento 2.1.9)

1 exception(s): Exception #0 (Magento\Framework\Config\Dom\ValidationException): Element 'css': This element is not expected. Line: 542 facing this issue in 2.2.5. I have upgraded from magento 2.1.9 ...
0
votes
1answer
32 views

After running some commands Front end css not working

Frontend CSS not working after I ran some commands. Backend working fine all css and js files are working in backend Here's Here's the link of the site: http://testing2.dukaania.com
0
votes
0answers
10 views

magento2 not loading custom css file that is in head.phtml on category page

My Magento2.2.5 has a custom css file that I have listed in the bottom of the head.phtml in my child theme. I list it there instead of in the default_head xml file because i need the css file to load ...
0
votes
3answers
30 views

Magento 2 - Where to put images to use in css

What is the best location to put the images that I use in my custom css file? And what is the best way to get to the image from the css file? The location of my custom css is: app/design/frontend/...
0
votes
1answer
20 views

I am adding my own css it is working only once after that it is not working

I have added a css through this way app/design/frontend/theme/magento_theme/layout "default_head_block.xml" In this <css src="css/own.css"/> i run the command setup:static-content:deploy ...
0
votes
1answer
27 views

Update page layout sidebar-main and column.main widths

I'm on Magento 2.2.4 and I can't figure out how to edit the CSS for the catalog view page. I'm trying to edit .page-layout-2columns-left .column.main and .page-layout-2columns-left .sidebar-...
2
votes
0answers
11 views

Backend login page can't display correclty

After transferred to a new server, the backend login page can't load correctly, but the frontend works well. You can see the links of CSS and JS files are not correct. And the login button can't load ...
0
votes
1answer
22 views

css is not loading in multi STORE VIEW magento 2

I've set up multi-store view with multi language, but I'm facing a weird issue that is default store view is running perfectly but another store view is not able to load CSS.
0
votes
0answers
12 views

Add static top parent in Magento 2 navigation menu frontend

In magento 2 default behaviour, it adds categories in top naviation bar, but as per my requirment I need to add a static work (like shop by categories, same as in amazon) and then need to show all ...
3
votes
1answer
24 views

After Mac OS Update,CSS not working in Magento2

My CSS was working fine.But when I updated my Mac OS, CSS doesn't get applied.I have , 1.Cleared Cache. 2.Deleted var/view-processed/pub folder and pub/static/frontend/ all folders.Deployed again. ...
1
vote
1answer
34 views

How can I change my Magento2 Checkout Page CSS?

When I tried to change checkout Page CSS,It does not get applied.I used to write my CSS on _extend.less file in my theme folder.This applies for Homepage, Catalog Page, Product Detail Page, Cart Page....
4
votes
1answer
38 views

Magento 2.2.6: How to define max width page?

I need the page to be seen with the maximum possible length Class: What do I need to replace?
2
votes
1answer
25 views

How can i make sure the css is added to my theme , it is not working

I have css file design/theme/web/style.css but it is not working or maybe the thing i am adding is not responding . i have tried my own css in header of the theme it is working there but i know it is ...
0
votes
0answers
9 views

After protected-directories got error

Hello i have problem with my store when im in protected-directories mode one my stores Working 100% Loading all images and my color options from backend when i turn off protected-directories for ...
1
vote
1answer
22 views

JavaScript and CSS don´t works in my Magento 2 page

I found a "partial" solution on the Internet, but if I use that "solution", my store don´t works: If I use that, this is the result: Home JS page Store Like you can see, if it makes me choose ...
1
vote
0answers
17 views

Best practices adding css/less to custom widget block

I created a custom widget inside my module and I'm trying to figure out how to add css to widget template. I can do it with the styles tag inside my template (phtml) but I assume that is not the right ...
0
votes
0answers
26 views

CSS changes not showing in frontend

I setup Magento 2.2.5 in my localhost system, and make all changes with customise theme and CSS. After that when I'm uploaded all setup in my live server, all site showing good, except some of the ...
0
votes
1answer
48 views

Sticky header with cart button

I tried to made the header to sticky and put the cart button to the header when the page slide down. I already done with the sticky header, but i can't add the cart button to the sticky header. How ...
3
votes
3answers
37 views

What css is causing my footer to take over the whole body?

I have page in which in responsive on any browser at 768 width everything in the footer looks fine. If you go to 767 the footer goes up the the header and everything is terrible. How can I make that ...
0
votes
0answers
18 views

Have To Click Links Twice CSS/JS Issue?

I don't think this is exclusively related to Magento but it is an issue I am experiencing with Magento. On all browsers (including Safari on Desktop) all links etc work fine. On Safari on an iPad &...
2
votes
1answer
35 views

Magento 2.2.5: Blocks added to footer display in wrong order

I've been working on a magento theme, which inherits from Magento/blank, found at http://murkyapparel.com. As you can see, the footer looks a bit of a mess. I might make some changes, so here is a ...
1
vote
0answers
20 views

Magento CSS Forbidden

After the site has been properly working for awhile (year or so)... we get 403 Forbidden errors on CSS files hosted locally on the server. Changing permissions on the directories and files didn't work....
0
votes
2answers
45 views

How to remove a specific href from a top-menu link in Magento 2

Hello I am trying to make 3 items on menu to be not click-able and I want to ask how to remove a specific href from a top-menu link in magento? (I don't want to remove from all menu ...
0
votes
2answers
20 views

Custom CSS not loading

I created a custom css file in Vendor/theme/web/css and added css/custom.css to my default_head_blocks.xml file. Im in developer mode but I still ran static content deploy -f. I cleaned/flushed cache. ...
0
votes
2answers
23 views

Change CSS style for price (tag)

does anyone know how can I change the style for the price in product listings (not on product details page) on front-end? I would like to make the price bigger and change its color. I tried but I ...
0
votes
1answer
54 views

Magento 2 Customer Account Navigation Add Css Class to link not working

XML: <referenceBlock name="customer_account_navigation"> <block class="Magento\Customer\Block\Account\SortLinkInterface" name="customer-account-navigation-account-link"> <...
0
votes
1answer
43 views

CSS styles not loading in either Frontend or Backend on Magento 2 site

To give some background, I'm currently running a Magento 2.2.5 site. I've recently looked at the site and none of the CSS styles are loading in either the front-end or the back-end as per the ...
0
votes
1answer
29 views

CSS is not loading?

My web server initially pointed to magento root directory, then the site is working properly. Actually it is recommended to point to the pub folder. When i pointed my webserver to pub folder the css ...
1
vote
0answers
25 views

How to make vertical navigation collapse per category?

Please check as example https://www.uitverkoopgigant.nl/eglo-tarbes-hanglamp-9002759941918.html. Its made in Magento 2. Here you see that the category colapse all subcategories. How can I make it so ...
1
vote
1answer
16 views

Changing/adding class to registration form layout

I have been asked by a marketing rep to try to reduce the size of the title area on the registration form due to a detected problem on some browsers where the theme's modal version won't properly ...
0
votes
1answer
35 views

Am I changing the theme correctly?

I'm trying to customise my theme but only a few variables seem to be displayed on my web page. I'm not sure that I am using the variables in vendor/magento/theme-frontend-luma/web/css/source . Any ...
1
vote
1answer
22 views

Source location for variables that can be change e.g background-color - Magento 2

Sorry for the simply question, I've seen in several posts that people have made a new theme and changed say the background of the homepage and would like to know where these variables are located. I ...
0
votes
2answers
42 views

Displaying a message when hover on a readonly attribute!

I'm trying to display message on hover over a readonly select in a product page, ( Magento 2.2.4, Php 7) Here's my attempt: CSS: #select_801[readonly]{ background: #eee; pointer-events: none; ...
0
votes
1answer
40 views

CSS/JS not loading - Permissions error?

I seem to have had a permissions error in var and specifically var/cache. Both were previously set to 755, which has not caused issues before. This morning my CSV files stopped being generated by ...
0
votes
0answers
25 views

Changing the colours of my border for a custom theme

I'm attempting to change the colour of the item active border in my own theme however after clearing the cache it still hasn't updated. Please let me know where I'm going wrong. So I've copied the ...
1
vote
4answers
95 views

Magento2 : How to compile SCSS to CSS in Ubuntu

Any one have idea How to compile SCSS to CSS in Magento2
0
votes
2answers
27 views

Uncaught Type Error in magento 2 and 404 error

I've been attempting to set up Magento 2 on a WAMP server and have ran into a few errors. My Magento UI doesn't look right and I have 2 errors in the error log (When you F12 the page). "Uncaught ...
1
vote
0answers
21 views

Error in css and js in child theme in Magento 1

I'm having a problem loading style sheets and scripts. I created a child theme, and I did not add any css or js to it. Even so, the magento looks for them in the son theme instead of the father. I'll ...
1
vote
1answer
15 views

I want to fix scrolldown in my vertical dropdown menu when I hover it hides before reaching last elements https://ibb.co/e4OZ3z

I want to fix scroll-down in my vertical drop-down menu when I hover it hides before reaching last elements https://ibb.co/e4OZ3z My website url is: https://www.equipus.com/
1
vote
1answer
19 views

I want a button in a vertical menu to go down smoothly as shown in screenshot https://ibb.co/nO610e

I want all category and close button in a vertical menu to go down and up smoothly as shown https://ibb.co/nO610e https://www.equipus.com/
0
votes
9answers
116 views

Magento frontend and backend CSS is not working

I have installed Magento 2.2.5 on my server using Cpanel. The problem I am facing is my CSS is not working properly. The Url of my site is http://emcd.tk/. I've looked on so many solutions but didn't ...
0
votes
1answer
35 views

Can't center images in column

Magento 2 (2.1.10). I can't get my images to center within this block. I have three columns. I want the left column to have centered text and images. <style> .column { float: left; ...
1
vote
1answer
111 views

CSS and JS are not calling for Multi- website in Magento-2.2.4

I am working on Magento-2.2.4. So, my url is as follows : http://puppetkart.com/ and on Luma theme. My requirement is as follows : I have created second website and store and store view for this ...
1
vote
0answers
36 views

Short Description and long description are not responsive on product page of Magento 2

I am currently facing an issue with the responsiveness of Magento 2 product page. My descriptions are passing the browser screen toward the right side. They are showing up like this in the attached ...
3
votes
1answer
112 views

How to Change the success message in the popup when click add to cart?

How to Change the success message in the popup when click add to cart? https://ibb.co/nigBmy
1
vote
0answers
32 views

ifconfig does not work in <css /> tags in Magento 2

ifconfig does not work in <css /> tags in Magento 2. 0 (Magento\Framework\Config\Dom\ValidationException): Element 'css', attribute 'ifconfig': <page xmlns:xsi="http://www.w3.org/2001/...
1
vote
1answer
30 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/...
0
votes
1answer
69 views

Adding a CSS file which isn't in your custom theme to Layout xml file

We have a stylesheet that is present in a theme from an old website, since we want to keep the same overall template files but only change styles, we want to keep the old stylesheet and add another ...
2
votes
0answers
27 views

Magento2: css file modification does not apply

I am using Magento 2.2.4 and I need to design my website with the size of 70%. I am trying to override the css by a theme /custom_theme/web/css/style.css file as follows. But it didn't work. How to ...
1
vote
1answer
41 views

Adding external css with attributes in layout?

I want to add the following css to magento 2 at layout.xml in my theme of header blocks <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-...