CSS Framework / Snippets

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #717
    marcwitt
    Participant

    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

    #1811
    admin
    Participant

    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

    #1812
    marcwitt
    Participant

    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?

    #1813
    admin
    Participant

    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

    #1814
    marcwitt
    Participant

    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?

    #1815
    admin
    Participant

    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

    #1816
    marcwitt
    Participant

    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?

    #1817
    marcwitt
    Participant

    sorry, wrong thread :)

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.