Solved

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

Posted on 2016-11-02
8
56 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 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
Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

 

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

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Kill default webkit margin!  Please! 6 30
Centering Vertically 3 34
Put glyphicon in my input button 4 46
CSS: How do I override in-line styling 11 14
CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
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 customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…

785 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