Improve company productivity with a Business Account.Sign Up

x
?
Solved

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

Posted on 2016-11-02
8
Medium Priority
?
204 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
  • 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 2000 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
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

 

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 2000 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

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
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 to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…

606 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