Having trouble customizing CSS #8
Unanswered
RealCleverTurtle
asked this question in
2. Support
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
The site I am working one a rebuild of a Concrete 5.8 site that used Pixel 2. I had to install Concrete v.9 from scratch (for reasons unrelated to Pixel) and am working on a total rebuild. But the CSS customization I am tying to deploy is not working. I have the variables.dev.scss and custom.dev.scss files in the /application/config/theme_pixel9 folder and copied some custom CSS (below)from the previous Pixel setup. But I am not seeing the customized CSS.
The italics are a serif font, though I am only using Montserrat, and the TopBar height is the default, not the number specified in the variables.dev.scss file. The H1-H6s are not displaying with the custom color or the margins specified, and the link color is also not the custom one specified.
Caching is turned off, though I have also emptied the cache via the dashboard, as well the cache folder manually via ftp (and tried other browsers), but I am not seeing these customizations.
You can view the site at https://commonwealthchorale.com
Your help is most appreciated. Thanks.
variables.dev.scss
$body-font: 'Montserrat', sans-serif;
$heading-font: 'Montserrat', sans-serif;
$subheading-font: 'Montserrat', sans-serif;
$secondary-font: 'Montserrat:ital', sans-serif;
$header-height: 200px;
$topbar-height: 30px;
custom.dev.scss
a {
text-decoration: none !important;
color: #3F833B;
}
h1 {color: rgb(169, 82, 93);
line-height: @line-height-base;
margin: 0 0 0 0;
font-family: @heading-font; }
h2 {color: rgb(169, 82, 93);
line-height: @line-height-base;
margin: 8px 0 0 0;
font-family: @heading-font; }
h3 {color: rgb(169, 82, 93);
line-height: @line-height-base;
margin: 0 0 0 0;
font-family: @heading-font; }
h4 {color: rgb(169, 82, 93);
line-height: @line-height-base;
margin: 3px 0 3px 0;
font-family: @heading-font; }
h5 {color: rgb(169, 82, 93);
line-height: @line-height-base;
margin: 12px 0 3px 0;
font-family: @body-font; }
h6 {color: rgb(169, 82, 93);
line-height: @line-height-base;
margin: 0 0 0 0;
font-family: @body-font; }
Beta Was this translation helpful? Give feedback.
All reactions