Solved

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

Posted on 2016-11-02
8
111 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
Technology Partners: 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

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

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 …
When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

628 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