Ttdfjt

How strong are Wi-Fi signals?

Dictionary size reduces upon increasing one element

What is the 中 in ダウンロード中？

Why colon to denote that a value belongs to a type?

Approximate solution : factorial and exponentials

Full horizontal justification in table

What's the Difference between Two Single-Quotes and One Double-Quote?

Is there a general effective method to solve Smullyan style Knights and Knaves problems? Is the truth table method the most appropriate one?

What is the most important source of natural gas? coal, oil or other?

Forward and backward integration -- cause of errors

Is there a down side to setting the sampling time of a SAR ADC as long as possible?

What are these arcade games in Ghostbusters 1984?

Would the Geas spell work in a dead magic zone once you enter it?

Canon 70D often overexposing or underexposing shots

At what point in European history could a government build a printing press given a basic description?

What is the difference between nullifying your vote and not going to vote at all?

Can a wire having 610-670 THz (frequency of blue light) A.C frequency supply, generate blue light?

Why do they consider the Ori false gods?

Is it ok to put a subplot to a story that is never meant to contribute to the development of the main plot?

Old short story, same personalities, differing planes of existence

Is this resistor leaking? If so, is it a concern?

Seed ship, unsexed person, cover has golden person attached to ship by umbilical cord

Looking for a soft substance that doesn't dissolve underwater

Does this degree 12 genus 1 curve have only one point over infinitely many finite fields?

Some CSS not working in frontend

Frontend CSS faultyChanging Design Configuration Settings Aren't Reflected on FrontendCSS not loading on page within Magento 2 pageMagento 2 css problem on fronted and backendMagento 2 - Create also symlink to .cssmagento2 admin dashboard not loading css and jsMagento 2 Generate static files without gulpMagetno 2 custom theme's css not deploying on production modeMagento frontend and backend CSS is not workingMagento2 Getting error as variable @baseUrl is undefined in file /var/view_preprocessed

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

1

This question has probably been asked a billion times, but I haven't found the exact same issue.

I'm working on a M2 (v2.2.1) shop. Recently I accidentally removed the .htaccess file from pub/static.
I've put it back but since then, not all of my theme's CSS loads. Actually, I'm not even sure if that has caused the issue, or perhaps something else is messed up (too).

I'm using this script to deploy:

rm -Rf pub/static/*
rm -Rf var/view_preprocessed/*
rm -Rf var/cache/*
rm -Rf var/page_cache/*

php bin/magento maintenance:enable
php bin/magento setup:static-content:deploy -f en_US
php bin/magento setup:static-content:deploy -f nl_NL
php bin/magento cache:clean
php bin/magento maintenance:disable

I've tried switching to developer mode, back to production. I've deployed several times, with and without the explicit deletion of static files.

I've run the reindexer, flushed caches. Flushed Redis cache, I've ran the setup upgrade & di compile scripts. I've removed caches & css files from the magento backoffice. I've tried adjusting the app/etc/di.xml file to switch the developerMaterialization strategy from Symlink to Copy. And back.

All of the above in almost every thinkable order.

The CSS file (with correct css code IS included in the page source. The file exists, I can access it via browser or download it via wget from another server, however some of the CSS rules are not applied. When I copy such rules to my browser developer console the rules do take effect, so it's not a matter of a silly css typo or missing file.

I've reverted about a dozen of git commits trying to find any relevant changes, but so far: nothing.

Obviously I lack the knowledge of what is actually happening. At this stage I feel like I'm just making things worse.

Any thoughts?

magento2 css magento-2.2.1 static-content-deploy

share|improve this question

asked May 21 at 12:36

dvdmierdendvdmierden

144110

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  In your browser network what response you are getting for the missing css files?
  
  – Raj Mohan R
  May 21 at 12:39
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  There are no missing css files. The CSS file with some specific rules that aren't applied is loaded, response 200 OK
  
  – dvdmierden
  May 21 at 12:44
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Can you provide some of the missing CSS including file path/name please?
  
  – Ben Crook
  May 21 at 12:58
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Are you saying the file is present but the code is not applied?
  
  – Raj Mohan R
  May 21 at 12:58
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @BenCrook I was hoping for a more conceptual approach, but this is the specific file: holisanshop.hypernode.io/pub/static/frontend/Htia/Holisanshop/… Some CSS rules not applied: .checkout-index-index .authentication-wrapper margin-left:9px; float:left !important; text-align:left !important; .checkout-index-index .authentication-wrapper button border-radius: 4px; border: 1px solid #81ae44; color:#81ae44; padding: 7px 15px; The "inloggen" link at the checkout screen isn't styled as such.
  
  – dvdmierden
  May 21 at 13:03
  
  

  
  
  
  

 | 
show 1 more comment

1

This question has probably been asked a billion times, but I haven't found the exact same issue.

I'm working on a M2 (v2.2.1) shop. Recently I accidentally removed the .htaccess file from pub/static.
I've put it back but since then, not all of my theme's CSS loads. Actually, I'm not even sure if that has caused the issue, or perhaps something else is messed up (too).

I'm using this script to deploy:

rm -Rf pub/static/*
rm -Rf var/view_preprocessed/*
rm -Rf var/cache/*
rm -Rf var/page_cache/*

php bin/magento maintenance:enable
php bin/magento setup:static-content:deploy -f en_US
php bin/magento setup:static-content:deploy -f nl_NL
php bin/magento cache:clean
php bin/magento maintenance:disable

I've tried switching to developer mode, back to production. I've deployed several times, with and without the explicit deletion of static files.

I've run the reindexer, flushed caches. Flushed Redis cache, I've ran the setup upgrade & di compile scripts. I've removed caches & css files from the magento backoffice. I've tried adjusting the app/etc/di.xml file to switch the developerMaterialization strategy from Symlink to Copy. And back.

All of the above in almost every thinkable order.

The CSS file (with correct css code IS included in the page source. The file exists, I can access it via browser or download it via wget from another server, however some of the CSS rules are not applied. When I copy such rules to my browser developer console the rules do take effect, so it's not a matter of a silly css typo or missing file.

I've reverted about a dozen of git commits trying to find any relevant changes, but so far: nothing.

Obviously I lack the knowledge of what is actually happening. At this stage I feel like I'm just making things worse.

Any thoughts?

magento2 css magento-2.2.1 static-content-deploy

share|improve this question

asked May 21 at 12:36

dvdmierdendvdmierden

144110

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  In your browser network what response you are getting for the missing css files?
  
  – Raj Mohan R
  May 21 at 12:39
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  There are no missing css files. The CSS file with some specific rules that aren't applied is loaded, response 200 OK
  
  – dvdmierden
  May 21 at 12:44
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Can you provide some of the missing CSS including file path/name please?
  
  – Ben Crook
  May 21 at 12:58
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Are you saying the file is present but the code is not applied?
  
  – Raj Mohan R
  May 21 at 12:58
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @BenCrook I was hoping for a more conceptual approach, but this is the specific file: holisanshop.hypernode.io/pub/static/frontend/Htia/Holisanshop/… Some CSS rules not applied: .checkout-index-index .authentication-wrapper margin-left:9px; float:left !important; text-align:left !important; .checkout-index-index .authentication-wrapper button border-radius: 4px; border: 1px solid #81ae44; color:#81ae44; padding: 7px 15px; The "inloggen" link at the checkout screen isn't styled as such.
  
  – dvdmierden
  May 21 at 13:03
  
  

  
  
  
  

 | 
show 1 more comment

This question has probably been asked a billion times, but I haven't found the exact same issue.

I'm working on a M2 (v2.2.1) shop. Recently I accidentally removed the .htaccess file from pub/static.
I've put it back but since then, not all of my theme's CSS loads. Actually, I'm not even sure if that has caused the issue, or perhaps something else is messed up (too).

I'm using this script to deploy:

rm -Rf pub/static/*
rm -Rf var/view_preprocessed/*
rm -Rf var/cache/*
rm -Rf var/page_cache/*

php bin/magento maintenance:enable
php bin/magento setup:static-content:deploy -f en_US
php bin/magento setup:static-content:deploy -f nl_NL
php bin/magento cache:clean
php bin/magento maintenance:disable

I've tried switching to developer mode, back to production. I've deployed several times, with and without the explicit deletion of static files.

I've run the reindexer, flushed caches. Flushed Redis cache, I've ran the setup upgrade & di compile scripts. I've removed caches & css files from the magento backoffice. I've tried adjusting the app/etc/di.xml file to switch the developerMaterialization strategy from Symlink to Copy. And back.

All of the above in almost every thinkable order.

The CSS file (with correct css code IS included in the page source. The file exists, I can access it via browser or download it via wget from another server, however some of the CSS rules are not applied. When I copy such rules to my browser developer console the rules do take effect, so it's not a matter of a silly css typo or missing file.

I've reverted about a dozen of git commits trying to find any relevant changes, but so far: nothing.

Obviously I lack the knowledge of what is actually happening. At this stage I feel like I'm just making things worse.

Any thoughts?

magento2 css magento-2.2.1 static-content-deploy

share|improve this question

asked May 21 at 12:36

dvdmierdendvdmierden

144110

rm -Rf pub/static/*
rm -Rf var/view_preprocessed/*
rm -Rf var/cache/*
rm -Rf var/page_cache/*

php bin/magento maintenance:enable
php bin/magento setup:static-content:deploy -f en_US
php bin/magento setup:static-content:deploy -f nl_NL
php bin/magento cache:clean
php bin/magento maintenance:disable

share|improve this question

asked May 21 at 12:36

dvdmierdendvdmierden

144110

share|improve this question

asked May 21 at 12:36

dvdmierdendvdmierden

144110

asked May 21 at 12:36

dvdmierdendvdmierden

144110

asked May 21 at 12:36

dvdmierdendvdmierden

144110

1 Answer
1

active

oldest

votes

1

There is nothing wrong with your deployment or how you are compiling the files, it's a CSS issue as the CSS you mention is wrapped in a media query.

If you shrink the browser you will see the CSS you mention apply:

If you search your CSS for @media only screen and (max-width: 479px) you will see your media query has no closing tag.

share|improve this answer

answered May 21 at 13:23

Ben CrookBen Crook

9,5372579

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  OMG Ben, you're a life saver. Can't remember the time I felt more incompetent than this. Cheers
  
  – dvdmierden
  May 21 at 13:40
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  You're welcome, it happens to the best of us!
  
  – Ben Crook
  May 21 at 16:23
  

  
  
  
  

add a comment | 

Your Answer

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "479"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f275474%2fsome-css-not-working-in-frontend%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

1

There is nothing wrong with your deployment or how you are compiling the files, it's a CSS issue as the CSS you mention is wrapped in a media query.

If you shrink the browser you will see the CSS you mention apply:

If you search your CSS for @media only screen and (max-width: 479px) you will see your media query has no closing tag.

share|improve this answer

answered May 21 at 13:23

Ben CrookBen Crook

9,5372579

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  OMG Ben, you're a life saver. Can't remember the time I felt more incompetent than this. Cheers
  
  – dvdmierden
  May 21 at 13:40
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  You're welcome, it happens to the best of us!
  
  – Ben Crook
  May 21 at 16:23
  

  
  
  
  

add a comment | 

1

There is nothing wrong with your deployment or how you are compiling the files, it's a CSS issue as the CSS you mention is wrapped in a media query.

If you shrink the browser you will see the CSS you mention apply:

If you search your CSS for @media only screen and (max-width: 479px) you will see your media query has no closing tag.

share|improve this answer

answered May 21 at 13:23

Ben CrookBen Crook

9,5372579

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  OMG Ben, you're a life saver. Can't remember the time I felt more incompetent than this. Cheers
  
  – dvdmierden
  May 21 at 13:40
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  You're welcome, it happens to the best of us!
  
  – Ben Crook
  May 21 at 16:23
  

  
  
  
  

add a comment | 

There is nothing wrong with your deployment or how you are compiling the files, it's a CSS issue as the CSS you mention is wrapped in a media query.

If you shrink the browser you will see the CSS you mention apply:

If you search your CSS for @media only screen and (max-width: 479px) you will see your media query has no closing tag.

share|improve this answer

answered May 21 at 13:23

Ben CrookBen Crook

9,5372579

share|improve this answer

answered May 21 at 13:23

Ben CrookBen Crook

9,5372579

answered May 21 at 13:23

Ben CrookBen Crook

9,5372579

answered May 21 at 13:23

Ben CrookBen Crook

9,5372579