Jump to content


Photo
- - - - -

ibox media outline colour

ibox formatting

Best Answer Radha , 27 February 2014 - 08:20 AM

oops! a missing curly-bracket!

 

.box-media-border {

   .ibox .ibox-media .ibox-icon-border {border: 2px solid #000000;}

}

Go to the full post


  • Please log in to reply
5 replies to this topic

#1 Radha

Radha

    Advanced Member

  • Members

  • 31 posts
  • Framework Version:Pagelines DMS
  • Country: Country Flag

Posted 26 February 2014 - 10:08 PM

Dear folks,

 

I would like to get an outline around the round ibox media. Could you help?

 

Really enjoy the DMS!

 

cheers,

Radha



#2 James B

James B

    Advocate

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

Posted 27 February 2014 - 07:10 AM

Hi Radha

 

To get an outline on the ibox image you'll need to apply some custom css. The outline will be provided by the command

'border'.

 

an example would be

 

{border: 1px solid #00000;}

 

If you've not used css before in the DMS theme please checkout the overview at - http://docs.pageline...ow-to-customize



#3 Radha

Radha

    Advanced Member

  • Members

  • 31 posts
  • Framework Version:Pagelines DMS
  • Country: Country Flag

Posted 27 February 2014 - 08:13 AM

Hi James,

 

Yep. Worked like a charm!

 

Thanks. You guys are awesome.

 

Cheers.



#4 Radha

Radha

    Advanced Member

  • Members

  • 31 posts
  • Framework Version:Pagelines DMS
  • Country: Country Flag

Posted 27 February 2014 - 08:19 AM

just so you know i put the following in the DMS->Custom CSS

 

.box-media-border {

   .ibox .ibox-media .ibox-icon-border {border: 2px solid #000000;

}

 

and referenced this in the iBox configuration->Styling classes.

 

Thanks again, James. Problem solved.


Edited by radhakunke, 27 February 2014 - 08:21 AM.


#5 Radha

Radha

    Advanced Member

  • Members

  • 31 posts
  • Framework Version:Pagelines DMS
  • Country: Country Flag

Posted 27 February 2014 - 08:20 AM   Best Answer

oops! a missing curly-bracket!

 

.box-media-border {

   .ibox .ibox-media .ibox-icon-border {border: 2px solid #000000;}

}


Edited by radhakunke, 27 February 2014 - 08:21 AM.


#6 James B

James B

    Advocate

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

Posted 27 February 2014 - 11:13 PM

Glad you got it working, thank you for updating the thread.







Also tagged with one or more of these keywords: ibox, formatting