[Ray Atreides]

Hi Steve,

I wish to add a border & a background color to each of my entries using the Slim Plus Template.

I know the CSS code for this but I cannot figure which element to apply it to to ensure that the border and the background apply to the complete entry.

I have attached a screenshot that shows a entry (not Slim Plus template) but illustrates what I wish to achieve.

Would you please advise which elements in the Slim Plus CSS that I need to target?

Regards,

Ray

Attachments:

You must be logged in to view attached files.

[Steven Zahm]

@ Ray

Actually, I do not think it’ll be possible without editing the core PHP file for the template. The reason is the photo and details are floated to render the two column layout. When items are floated, they actually have no height. In this instance the appearance of height come from the float being cleared before the next entry. The border if added would only go around the entry name, rule and detail toggle.

If you’d like to give a try the correct CSS selector would be:

#cn-slim-plus .cn-entry {
    border: 2px solid red;
}

[Steven Zahm]

@ Ray

To make the CSS work here’s the edit to the template you would have to make.

Open the card.php file found here:
../wp-content/plugins/slim-plus/

Add this: <div class="cn-clear"></div>
right after the <div class="cn-detail cn-clear cn-show" id="cn-detail-">
which contains the cn-left and cn-right divs.

Hope that helps!

[Ray Atreides]

Hi Steve,

Many thanks for the information.

In your last email you mentioned making a change to the card.php file.

I am happy to do this but I am not sure exactly where to put the code you mentioned?

The closest code snippet that resembles what you suggested is this code…
echo '<div class="cn-detail cn-clear' . $show . '" id="cn-detail-' , $uuid , '">';

If this is correct, do I put your code snippet exactly as is or with the echo statement preceeding like this…
echo '<div class="cn-clear"></div>'

Does the closing div have to go after the last closing div on line 88?

I do not really know PHP so would it be possible for you to add the snippet in the card.php file for the Slim Plus Template. I am happy to pay you for this.

Would be much appreciated!

Regards,

Ray

[Steven Zahm]

@ Ray

Yep, that the correct line. I didn’t have the exact code handy. Use the echo wrapped in single parans.

[Ray Atreides]

Hi Steve,

Thank you.

I will have a play and let you know how I go with a screenshot of the finished listing layout.

Regards,

Ray

[Author]

Posts