Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

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

Posted on 2016-11-02
8
Medium Priority
?
157 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
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 

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

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

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

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…
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses

971 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