Solved

How do I add a border between articles in a category blog in Joomla?

Posted on 2016-11-02
8
90 Views
Last Modified: 2016-11-03
Hello experts.
I am trying to add a border between articles in a category blog, however I am unsure which lines to add to template.css or a custom css file.

joomla version - 3.4.5
template - Protostar

regards,
Pavel
0
Comment
Question by:Pavel Kemper
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 4
8 Comments
 
LVL 2

Expert Comment

by:Amita Singh
ID: 41871643
please share link.
0
 

Author Comment

by:Pavel Kemper
ID: 41871688
Thanks for your reply.

Sorry, can't share link as the site is currently on my local machine.
However I have attached a screen shot of the page, it's source and my template.css
ScreenShot.png
PageSource.txt
template.css
0
 
LVL 2

Accepted Solution

by:
Amita Singh earned 500 total points
ID: 41871702
sorry the attached file not helpful for me.
can u try this code. add this code in template.css
.blog .span2{
	border:1px solid #ccc;
}

Open in new window

0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:Pavel Kemper
ID: 41871819
Thank you Amita.

That's exactly what I was looking for.
Now it looks as attached.

Is there any way to make all the cells the same height?
0
 

Author Comment

by:Pavel Kemper
ID: 41871820
screen shot:
screenShot2.png
0
 
LVL 2

Assisted Solution

by:Amita Singh
Amita Singh earned 500 total points
ID: 41871825
define the main div height
0
 

Author Comment

by:Pavel Kemper
ID: 41871828
Thank you very much.
0
 
LVL 2

Expert Comment

by:Amita Singh
ID: 41871833
welcome
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Unordered lists (HTML ul tags) are very handy to create menus of all types, shapes and sizes.  All it takes is a little knowledge of CSS and the possibilities are endless. First off, you should know the general format for menus created using the …
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…

738 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question