WordPress Themes, Plugins and HTML Templates › Forums › Arcane WordPress Theme › CSS Framework / Snippets
- This topic has 7 replies, 2 voices, and was last updated 7 years, 11 months ago by marcwitt.
-
AuthorPosts
-
November 3, 2016 at 2:22 pm #717marcwittParticipant
Hey there,
just two short questions: on which CSS Framework is Arcane based and where can I get more snippets for the theme?
Greetings!
MarcNovember 4, 2016 at 4:49 am #1811adminParticipantHi Marc,
Quote:CSS Framework is Arcane basedArcane 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
November 4, 2016 at 9:00 am #1812marcwittParticipantThanks 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?
November 5, 2016 at 7:27 am #1813adminParticipantHi,
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
November 7, 2016 at 11:01 am #1814marcwittParticipantThanks 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?
November 8, 2016 at 6:22 am #1815adminParticipantHi,
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.
ThanksDecember 5, 2016 at 7:30 pm #1816marcwittParticipantAlright, 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?December 5, 2016 at 7:34 pm #1817marcwittParticipantsorry, wrong thread
-
AuthorPosts
- You must be logged in to reply to this topic.