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 line

<link rel="stylesheet" type="text/css" media="all" href="https://example.com/my-style/style.css" /> 

Then I save that one. Now new styles are working on my website. But I edited some of the styles through opening the file through Filezilla and edit. After that, I uploaded. Then I noticed that new changes are not coming. So I open https://example.com/my-style/style.css in a browser so I can see that it is not updated the copy. I refresh the page and I open in incognito window. Still the same. But when I open in the same file through editor using FileZilla I can see that it is updated copy.

Then I try to refresh page cache, layout cache but the result is the same.

Please help.

style.css file in child theme doesn’t work

I have created a child theme for my WordPress theme. I have created a style.css and functions.php file, but it doesn’t work on my website and I guess this is my functions.php file problem…

  • Enqueue styles. */ function kava_child_styles_depends( $ deps ) {

    $ parent_handle = ‘kava-parent-theme-style’;

    wp_register_style( $ parent_handle, get_template_directory_uri() . ‘/style.css’, array(), kava_theme()->version() );

    $ deps[] = $ parent_handle;

    return $ deps; }

style.css file in child theme doesn’t work

I have created a child theme for my WordPress theme. I have created a style.css and functions.php file, but it doesn’t work on my website and I guess this is my functions.php file problem…

  • Enqueue styles. */ function kava_child_styles_depends( $ deps ) {

    $ parent_handle = ‘kava-parent-theme-style’;

    wp_register_style( $ parent_handle, get_template_directory_uri() . ‘/style.css’, array(), kava_theme()->version() );

    $ deps[] = $ parent_handle;

    return $ deps; }

Style.CSS changes not visible in browser

I am having problems modifying the style.css file in my website. I am trying to change the colors of my website’s navigation bar and the hover but it doesn’t seem to be working. I have tried changing the css code for the navigation bar in my style.css file but whenever I update my website nothing seems to be different in the browser. It looks exactly the same as when I had the original css color codes.

I am currently using the theme Chronicles

http://walkinginthedesert.com/

I have tried using different themes and have tried playing around with the css color codes of the navigation bar but nothing seems to be different. I using WordPress 5.2.1 and am using File Zilla as the means to modify the style.css file and update it.

Just to show you an example this is the following css color code that I have been trying to use. As you can see it is supposed to be dark red.

nav.menu-primary { padding: 0; background: #8A1004; } nav.menu-primary .container { padding: 0; } nav.menu-primary .menu { border: none; text-align: left; padding: 5px 25px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } nav.menu-primary .menu a { color: #8A1004; } nav.menu-primary .menu a:hover { color: #8A1004; } nav.menu-primary .menu ul li a:before { color: #8A1004; } nav.menu-primary .menu li.page_item_has_children > a:after, nav.menu-primary .menu li.menu-item-has-children > a:after { border-top-color: #8A1004; } nav.menu-primary .menu li.current-menu-item > a { background: #8A1004;

Style.CSS changes not visible in browser

I am having problems modifying the style.css file in my website. I am trying to change the colors of my website’s navigation bar and the hover but it doesn’t seem to be working. I have tried changing the css code for the navigation bar in my style.css file but whenever I update my website nothing seems to be different in the browser. It looks exactly the same as when I had the original css color codes.

I am currently using the theme Chronicles

http://walkinginthedesert.com/

I have tried using different themes and have tried playing around with the css color codes of the navigation bar but nothing seems to be different. I using WordPress 5.2.1 and am using File Zilla as the means to modify the style.css file and update it.

Just to show you an example this is the following css color code that I have been trying to use. As you can see it is supposed to be dark red.

nav.menu-primary { padding: 0; background: #8A1004; } nav.menu-primary .container { padding: 0; } nav.menu-primary .menu { border: none; text-align: left; padding: 5px 25px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } nav.menu-primary .menu a { color: #8A1004; } nav.menu-primary .menu a:hover { color: #8A1004; } nav.menu-primary .menu ul li a:before { color: #8A1004; } nav.menu-primary .menu li.page_item_has_children > a:after, nav.menu-primary .menu li.menu-item-has-children > a:after { border-top-color: #8A1004; } nav.menu-primary .menu li.current-menu-item > a { background: #8A1004;

theme style.css is not loading for custom theme

I am trying to learn Drupal 8 theme development. I am trying to create basic theme My Folder structure

|-themes   |  |-custom   |  |  |-contra   |  |  |  |-css   |  |  |  |  |-style.css   |  |  |  |-contra.info.yml   |  |  |  |-contra.libraries.yml 

My contra.info.yml is as follows:

name: contra description: 'Drupal 8 starter theme' type: theme core: 8.x libraries:    -'contra/global-styling' 

My contra.libraries.yml is as follows:

global-styling: version: 1.0 css:     theme:         css/style.css: {} 

I have cleared the cache in Admin->Configuration->Development and also refreshed my browser but I dont see the style.css loaded in view source.

Não carrega o style.css no wordpress

Estou estudando WordPress, mas, não consegui utilizar o functions.php para carregar o stylesheet

Estes são os arquivos

style.css

/* Theme Name: Tema Estudo Author: A Version: 1.0.0 */  body{     color:  #4d5a6c !important; } 

header.php

<!DOCTYPE html> <html lang="en"> <head>     <?php wp_head(); ?> </head> <body>  <h2>Este é o header</h2> 

index.php

<?php get_header();  while (have_posts()) {     the_post(); ?> <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> <?php the_content();  }  get_footer(); ?> 

footer.php

<h4>Este é o footer</h4> <?php wp_footer(); ?> </body> </html> 

functions.php

<?php  function arquivos_estilo(){     wp_enqueue_style('estilo_principal', get_stylesheet_uri()); }  add_action('wp_enqueue_scripts', 'arquivos_estilo'); 

O porquê não lê o estilo?

O que retorna é o seguinte:

<!DOCTYPE html> <html lang="en"> <head>     <meta name='robots' content='noindex,follow' /> <link rel='dns-prefetch' href='//s.w.org' />         <script type="text/javascript">             window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/localhost\/estudo\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.0.2"}};             !function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);         </script>         <style type="text/css"> img.wp-smiley, img.emoji {     display: inline !important;     border: none !important;     box-shadow: none !important;     height: 1em !important;     width: 1em !important;     margin: 0 .07em !important;     vertical-align: -0.1em !important;     background: none !important;     padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css'  href='http://localhost/estudo/wp-includes/css/dist/block-library/style.min.css?ver=5.0.2' type='text/css' media='all' /> <link rel='https://api.w.org/' href='http://localhost/estudo/wp-json/' /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/estudo/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/estudo/wp-includes/wlwmanifest.xml" />  <meta name="generator" content="WordPress 5.0.2" /> </head> <body>  <h2>Este é o header</h2><h2><a href="http://localhost/estudo/2018/12/31/terceiro-post/">Terceiro post</a></h2>  <p>este é o terceiro</p> <h2><a href="http://localhost/estudo/2018/12/31/segundo-post/">Segundo post</a></h2>  <p>loremasfas ffsdfsdfsdfsd ssfsdfsdsds</p> <h2><a href="http://localhost/estudo/2018/12/31/ola-mundo/">Olá, mundo!</a></h2>  <p>Boas-vindas ao WordPress. Esse é o seu primeiro post. Edite-o ou exclua-o, e então comece a escrever!</p> <h4>Este é o footer</h4> <script type='text/javascript' src='https://localhost/estudo/wp-includes/js/wp-embed.min.js?ver=5.0.2'></script> </body> </html>