• 0

Changes to CSS custom style sheet not showing on site


Question

Posted · Report post

Hello,
 
I am using a custom stylesheet for my pagelines (framework) child theme. Some changes take effect immediately, and some never do. Why is this happening. Is there something overriding my css? Shouldn't the css in the custom sheet override everything else?
 
For example, I am trying to restyle the hero box on this page. Via firebug I found the code and the changes worked within firebug. When I add it to my stylesheet, the changes don't appear. I've cleared my cache, tried it in other browsers, etc, to no effect.
 
When I go back and look at firebug, I see that the style is duplicated: the first is I suppose my style, but it comes in empty between the brackets. Then it repeats the original style in full (see attached screenshot).
 
This is the code I want to substitute:
 

.pl-hero-wrap .pl-hero h1 {
    color: #1F2B7B;
    font-size: 24px;
    letter-spacing: -1px;
    line-height: 1;
}

.pl-hero-wrap .pl-hero p {
    color: #555555;
    font-size: 16px;
    font-weight: 200;
    line-height: 1.5em;
    margin: 5.25px 0 21px;
}

.pl-hero-wrap {
    -moz-box-sizing: border-box;
    background-color: #F5F5F5;
    border: 1px solid #FFFFFF;
    border-radius: 0px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2) inset;
    padding: 5%;
}

This has happened several times, randomly, so can't find a consistent pattern to troubleshoot. Any direction would be appreciated.

 

Thanks,

Antonella

 

Share this post


Link to post
Share on other sites

5 answers to this question

  • 0

Posted · Report post

I have just looked at your stylesheet and you have the following:

 

http://d.pr/i/eGBR

 

This means you have something causing that format, you will need to correct it. Then your CSS will load correctly.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hello,

 

I tried using both #page and #site, but it's still not working. Now it's giving me an empty value with the override. For example:

#site .pl-hero-wrap .pl-hero h1 {
}
.pl-hero-wrap .pl-hero h1 {
    color: #10163E;
    font-size: 60px;
    letter-spacing: -1px;
    line-height: 1;
}

Am I doing the override correctly?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Argh! Okay thanks for the info. Ever since I got my macbook air, have been having problems with those sorts of entities, etc. Works now!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

No problem.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now