CSS Framework / Snippets

[marcwitt]

Hey there,

just two short questions: on which CSS Framework is Arcane based and where can I get more snippets for the theme?

Greetings!
Marc

[admin]

Hi Marc,

Quote:

CSS Framework is Arcane based

Arcane is not based on any CSS framework. Only Layout skeleton is based on bootstrap.

Quote:

where can I get more snippets for the theme?

You can use any good CSS snippet via Custom CSS module.
It depends, what you want ?

Thanks

[marcwitt]

Thanks for your quick reply!

One thing I need is a card box with a small thumbnail, underneath 2-3 lines of text and link to a specific post. Do you know a source, that you would recommend me to get good snippets?

[admin]

Hi,

Please guide me on the following point so i will be able to help you,

– You need a card box in the Post Content ?

How to – Idea ?

– Write you custom style via Custom CSS module.
– Card Style Example: https://v4-alpha.getbootstrap.com/components/card/
– For this example: Download bootstrap v4 – https://v4-alpha.getbootstrap.com/
– Find the CSS styles for .card style and paste that styles in Custom CSS module.
– Use the markup as given in the example.

Best

[marcwitt]

Thanks a lot! Worked peferct

Just one little problem is the margin-top of the h4 on this page: https://bueronerds.de/fokus/test-datenbank/

There seems to be little to none margin between the cards and the H4s. In my stylesheet, I have added this css-code for the cards:

.card {
position: relative;
float: left;
display: block;
width: 240px;
margin: 0.1rem;
background-color: #fff;
border-radius: 0.25rem;
border: 1px solid rgba(0, 0, 0, 0.125);
}
.card-title {
margin-bottom: 0.6rem;
}
.card-block {
padding: 0.6rem;
}

Do you see the problem or can you help me, to have a bigger margin between the h4 and the cards?

[admin]

Hi,
You did the awesome job.

You can control/override the headings margin by applying the following css rule in your `.card-title` style,

.card-title {
/* Margin: Top, Right, Bottom, Left */
margin: 0 0 0.6rem 0;
}[/CODE]

By using above rule, you can modify the margins according to your need.
Thanks[CODE].card-title {
/* Margin: Top, Right, Bottom, Left */
margin: 0 0 0.6rem 0;
}[/CODE]

By using above rule, you can modify the margins according to your need.
Thanks

[marcwitt]

Alright, I´ve managed to put the ads at the deserved place. One more thing:

At the top, there now is a space between the first sidebar widget and navbar and at the bottom, there is a space between the last sidebar widget an the footer.

1. Can you tell me how to fix that?
2. Can you tell me how to center the leaderboard in the content-area?

[marcwitt]

sorry, wrong thread

[Author]

Posts