Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 24, 2013 at 1:16 am #203417
    crevlon

    Hi,

    ich würde gerne meine Promobox optisch etwas verändern.
    Zu finden ist die Promobox auf dieser Seite:
    http://www.marcobehrens.com/du-hast-angst-fehler-zu-machen-perfekt/

    Folgenden CSS Code benutze ich bereits:
    .av_promobox p { background-color: #c3512f !important; color: black; padding: 10px 20px;}

    Nun möchte ich noch folgende Dinge ändern:
    – die Schriftart (so wie die Themeschriftart)
    – die Schriftgröße
    – die Ränder beider Boxen (innen und außen) sollen leicht abgerundet sein
    – der Abstand zwischen Promobox und nachfolgenden Text soll größer sein

    Mit welchen CSS Codes bekomme ich das hin?

    Liebe Grüße,
    Marco

    • This topic was modified 11 years ago by crevlon.
    December 24, 2013 at 6:42 am #203470
    Ismael

    Hi crevlon!

    You can use the following:

    — The edges of both boxes (inside and outside) should be slightly rounded:

    av_promobox {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

    — The font (such as the theme font) and font size:

    .avia-promocontent p {
font-size: 15px;
font-family: 'Open Sans', sans-serif;
}

    — The distance between Promobox and text:

    .av_promobox {
padding: 20px 30px;
margin: 70px 0;
}

    Best regards,
    Ismael

    December 30, 2013 at 4:34 pm #203748
    crevlon

    Hi Ismael,

    perfect! Thank you.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Promobox Anpassungen’ is closed to new replies.