Forum Discussion

jchen's avatar
jchen
Boss
11 years ago
Solved

trying to find CSS

I noticed recently that videos in KB articles for my community aren't showing. Nothing has changed on my end, but when I was digging into the CSS (using Inspect Element) we noticed this

 

#lia-body .lia-content .lia-quilt-row .lia-mark-empty {
.	
height: 0.01px;
.	
visibility: hidden;
.	
line-height: 1px;
.	
padding: 0;
.	
margin: 0;
.	
border: 0;
}

 I believe visibility: hidden is what is hiding the video, but I can't seem to find this in the CSS. I tried looking in Community Style --> CSS as well as Community Style --> Wrappers, but no luck there.

 

Any ideas? Thanks in advance.

Views
Sign in to react to this post
  • OlivierS's avatar
    OlivierS
    11 years ago

    jchen 

     

    In FireBug, the changes you're making are temporary, and specific to you. They will go away once you refresh your page / leave the site / close the tab. You use it to identify where the problem is, and what might resolve it (in thgat case, remove the hidden property).

     

    Here is a video showing how to do it, with the link you've provided: http://screencast.com/t/ZUun4hohBL

     

    The CSS used to hide the video is located here, and the property seems to be on line 67:

     

    http://demandforce.i.lithium.com/skins/1242748/EA2EC657122675B72B9EC4DDF1C8FBDC/demandforce_11310161016.css

     

    I suppose it's a skin specific to DreamForce. you should be able to have a look at it in Studio.

     

    If you need further help, I advise you to create a ticket with the Lithium Support.

     

     

6 Replies

  • OlivierS's avatar
    OlivierS
    Lithium Alumni (Retired)
    11 years ago

     

    jchen 

     

    I usually use FireBug. It usually tells you which CSS file it is (and which line number). And you can modify the CSS style on the fly (so you could remove the hidden property to check if your video displays ...).

     

    Have you got an URL you can share where the video doesn't displays?

     

    Although, a common question: is it on stage only? production only? both?

     

    Sign in to react to this post
  • jchen's avatar
    jchen
    Boss
    11 years ago

    OlivierS I tried using FireBug to remove visibility: hidden; and that didn't resolve the issue as I had hoped. Any suggestions?

     

    Thanks!

    Sign in to react to this post
  • OlivierS's avatar
    OlivierS
    Lithium Alumni (Retired)
    11 years ago

    jchen 

     

    In FireBug, the changes you're making are temporary, and specific to you. They will go away once you refresh your page / leave the site / close the tab. You use it to identify where the problem is, and what might resolve it (in thgat case, remove the hidden property).

     

    Here is a video showing how to do it, with the link you've provided: http://screencast.com/t/ZUun4hohBL

     

    The CSS used to hide the video is located here, and the property seems to be on line 67:

     

    http://demandforce.i.lithium.com/skins/1242748/EA2EC657122675B72B9EC4DDF1C8FBDC/demandforce_11310161016.css

     

    I suppose it's a skin specific to DreamForce. you should be able to have a look at it in Studio.

     

    If you need further help, I advise you to create a ticket with the Lithium Support.

     

     

    Sign in to react to this post
  • jchen's avatar
    jchen
    Boss
    11 years ago
    Thank you @OlivierS! I just submitted a ticket.
    Sign in to react to this post