Jump to content


Photo
- - - - -

successful changes in firebug do not result in successful changes in css

css firebug videopress

  • Please log in to reply
11 replies to this topic

#1 pazyluz

pazyluz

    Advanced Member

  • Members

  • 71 posts
  • Framework Version:Pro
  • Country: Country Flag

Posted 16 January 2013 - 10:56 PM

successful changes in firebug do not result in successful changes in css.  The changed elements look perfect in firebug but do not result in changes to the page when entered verbatim in css.

 

specifically, I'm trying to change the font size and background color of the title bar on the videopress video here: 

Please Login or Register to see this Hidden Content

 



#2 pazyluz

pazyluz

    Advanced Member

  • Members

  • 71 posts
  • Framework Version:Pro
  • Country: Country Flag

Posted 16 January 2013 - 10:57 PM

P.S. Its no different in Chrome



#3 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 January 2013 - 11:25 PM

Hi Peggy, 

 

What CSS did you try to apply?

 

Keep in mind that Firefox has a menu of different levels for the site's elements.  You see it just after the left-side selector cursor item.



#4 pazyluz

pazyluz

    Advanced Member

  • Members

  • 71 posts
  • Framework Version:Pro
  • Country: Country Flag

Posted 16 January 2013 - 11:28 PM

Hi Rob, tried all this:

 

.play-button {
   font-size: 50%;
}
.videopress-title  {
    background-color: #330033 !important;
    color: #87AE11 !important;
    line-height: 1.2em !important;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
}
.page-id-4118 body, .font1, .font-primary, .commentlist {
    font-family: Candara,sans-serif;
    font-size: 14px;
    line-height: 26px;
}

 

The only thing that worked was the reduction of the play-button (from 500% to 50%)



#5 pazyluz

pazyluz

    Advanced Member

  • Members

  • 71 posts
  • Framework Version:Pro
  • Country: Country Flag

Posted 16 January 2013 - 11:29 PM

What I was really hoping to do was make the background behind the video title transparent, and change the font color to something in keeping with the site colors, like orange



#6 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 17 January 2013 - 02:18 AM

Peggy,

 

I'm not sure why this is happening, or not happening as the case may be. The color should change.

 

You might notice the element.style in Firebug.

 

Try to prefix that with .videopress-title and edit it.

 

That's an educated guess, but still a guess.



#7 pazyluz

pazyluz

    Advanced Member

  • Members

  • 71 posts
  • Framework Version:Pro
  • Country: Country Flag

Posted 17 January 2013 - 01:28 PM

in both FF and Chrome, using element.style just stripped all the css except play button. verrrrrrry interesting.

 

Thx anyway.



#8 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 17 January 2013 - 04:38 PM

Have you already tried adding #page at the beginning of the selector?



#9 jennajonesdesign

jennajonesdesign

    Super Member

  • Members

  • 143 posts
  • LocationBillings, MT
  • Country: Country Flag

Posted 18 January 2013 - 04:08 AM

I have had the same problem. I can change something in Firebug to exactly how I like it and when copied into custom CSS there is no change. I am working on font size as well, however this happened with several things. I have pnly had this problem since upgrading to Pagelines. It always worked fine in Platform Pro.



#10 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 18 January 2013 - 05:14 AM

Hi there,

 

Within the Pagelines Framework you'll sometimes need to make your css very specific in order to get it to work correctly.

 

Please see the example of 'pagelines overrides' on

Please Login or Register to see this Hidden Content

which might help further.



#11 jennajonesdesign

jennajonesdesign

    Super Member

  • Members

  • 143 posts
  • LocationBillings, MT
  • Country: Country Flag

Posted 24 January 2013 - 06:01 AM

Thanks for your response. I will read that article.



#12 mackenzie

mackenzie

    Advocate

  • Members
  • 333 posts
  • Country: Country Flag

Posted 24 January 2013 - 05:12 PM

Let us know if you have any questions :)







Also tagged with one or more of these keywords: css, firebug, videopress