I have a slight css issue and was hoping someone would be able to assist. I am in danger of being blocked asking any further questions so I'll try to be as clear and concise as possible :)
I would like to remove the background colour and set it to transparent for the ribbon on a announcement modal dialog box in SharePoint 2010. In particular the section highlighted in red on the image supplied below which I believe is the body #s4-ribbonrow but I could be mistaken?
I am already using body #s4-ribbonrow in my custom css to change the bg colour of my top toolbar on my main publishing site to a dark grey. I have always noticed this was not inherited on the modal view (its a dark blue) so tried to add .ms-dialog body #s4-ribbonrow to explicitly set this for all dialog boxes but had no luck. It simply will not remove the colour
I've run the Dom Explorer in IE11 and inspected the source of the area. There are mentions of both the ms-cui-topBar2 and ms-cui-ribbonTopBars but none specify the bg colour. The colour according to this is inherited from s4-ribbonrow which shows the dark blue colour here.
If I uncheck the bg colour from the actual class within the Dom Explorer it changes it to transparent which is what I would like to achieve. So I updated the custom css with the same changes reflective from the Dom Explorer but it wont recognise the change. I feel it is getting it from somewhere else also but not sure where to look
Any assistance is appreciated Thanks