Separate articles
- commander64
- Offline Topic Author
- Senior Member
- Posts: 58
- Thanks: 0
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
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...
by commander64
Please Log in or Create an account to join the conversation.
- commander64
- Offline Topic Author
- Senior Member
- Posts: 58
- Thanks: 0
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
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...
by commander64
Please Log in or Create an account to join the conversation.
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
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.
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
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.
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;
}
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.
Please Log in or Create an account to join the conversation.
Time to create page: 0.661 seconds