Separate articles

Separate articles was created by commander64

Posted 10 years 5 months ago #15155
Hi,
I'm searching for a possibility to separate articles in an optical way from eachother. (may be with a line or something)

Everybody knows the problem:
You choose a block layout for articles may be one column and a lot of rows.
But all of the articles are shown equal. There's no optical separation between them.

Is there a possibility to separate them with css code in the template creator?

Thanks
Tom

just a beginner...

Please Log in or Create an account to join the conversation.

Replied by commander64 on topic Separate articles

Posted 10 years 5 months ago #15235
Hi ,
Is nobody here who has the same requirement?
I know there's a possibilty to change that with html overrides but my question is:
Can I do it directly with the help of TC?

Thanks

Tom

just a beginner...

Please Log in or Create an account to join the conversation.

Replied by rpierce on topic Separate articles

Posted 8 years 8 months ago #29051
Hi,

I'm having the same problem. I'm using "Featured Articles". In Template Creator I gave "center" CSS a border and shadow. But all the articles are included inside the one border. How do I put a border/shadow around each article?

Hope someone knows the answer.
Thanks,
Ron
by rpierce

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Separate articles

Posted 8 years 8 months ago #29059
Hi
you must use custom css to do that as this needs to change the com_content styles, and not the template styles
in Parameters >> custom css, you can write what you want
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by rpierce on topic Separate articles

Posted 8 years 8 months ago #29068
Hi CEd,

Thank you so much for the reply.
I tried the following, that creates borders/shadows around "Featured" articles.
Hope this is the right thing to do...
Ron

Custom CSS

div.leading-0.clearfix {
width: 90%;
margin: auto;
margin-top: 7px;
margin-bottom: 7px;
padding: 10px;
background: #F1FFFF;
border: #9ED0D9 1px solid;
-moz-border-radius: 15px;
-o-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-border-radius: 15px 15px 15px 15px;
-o-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
}
div.items-row {
width: 90%;
margin: auto;
margin-top: 7px;
margin-bottom: 7px;
padding: 10px;
background: #F1FFFF;
border: #9ED0D9 1px solid;
-moz-border-radius: 15px;
-o-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-border-radius: 15px 15px 15px 15px;
-o-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
}
by rpierce

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Separate articles

Posted 8 years 8 months ago #29070
yes you can do that :)

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.661 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 742 guests and no members online