Border around Flipper Thumb Image

[jonelder135+ 0]

I have several instances of the flipper section on my homepage. I am trying to place a border around the images that pop up in them. I found the specific elements to be .pl-center-cell. I have tried many things that i have read but to no avail. I have attempted to add this to my custom code 

 

#section .flipper .pl-center-cell {

    border:1px solid #E0E0E0;

    padding: 3px;

}

 

Am I even on the right track? any assistance would be appreciated.

[jmad 80]

Try

 

.flipper-item.fix {

 

CSS here

 

}

[jonelder135+ 0]

I added this

 

.flipper-item.fix {

    border: 1px;

    padding: 3px;

}

 

to my custom code area  for the site but it did not work unfortunately. Did I place it in the wrong spot do you think?

[jmad 80]

what's the site...I'll look

 

or try

 

.flipper-item.fix {

border-width: 1px;

border-style: solid:

padding: 3px;

}

[jonelder135+ 0]

Thanks, it is at: 

www.thevillagerny.com/wp/

 

I begin to wonder the border needs to start at the featured Image in wordpress itself? got any thoughts on this?

[jmad 80]

this is the exact CSS I used to do this on a site I made.  

 

/*add border to flipper section images*/

.flipper-item.fix{

  border-style: solid;

  border-width: 7px;

  border-color: rgba(0,0,0,1);

}

 

add this to the custom CSS area then you will need to add custom class to the flipper component.

[jonelder135+ 0]

Thanks for that. Im not sure that I know how to properly add the custom class to the flipper. is that done at the flipper section in the  custom styling classes box? Sorry Im a  bit new at this.

[jonelder135+ 0]

Got it thanks so much

[jonelder135+ 0]

Hey here is a new question, Can the same be done with the featured image thumbs? what would the section name be? any clues?

[jmad 80]

Yep.  Not sure about what you would need to target.  You would need to use the your web browser's inspector and find the class/id/element to target.   

[Danny+ 1,327]

@jonelder135† - Our forum policy is one question per topic. As your original question as been resolved by Jmad, can you please create a new topic regarding your other question.