Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 20, 2015 at 7:03 pm #431517
    underhill123

    Hallo Zusammen,

    ohne die generellen Einstellungen zu ändern, würde ich gerne die Outline der Icon-Bos (Einstellung: “Display a large Icon above the title” | “Boxed Content block with borders) in Farbe und Dicke meinen Bedürfnissen anpassen. Die Farb-Einstellungen innerhalb Icon Bos geben das nicht her; zumindest meinen Erkenntnissen nach. Aktuell, beispielsweise 3px und als Farbe #FECC00 (ein dunkleres Gelb), ggfs. auch eine andere Hintergrund-Flächenfarbe, beispielsweise #0070B2 (mittelblau). Das eigentliche Icon sollte davon nicht betroffen sein.
    Da ich aktuell für Formulare das Plugin “Ninja-Forms” verwende, wäre es natürlich gut, das im Falle der Anpassungen von Hintergrund und Outline, die Formularfelder (Fläche und Outline) nicht betroffen sind.

    Danke für Ihre Hilfe, liebe Grüße, Gerd.

    April 21, 2015 at 2:10 pm #431994
    Ismael

    Hi underhill123!

    Thank you for using Enfold.

    It’s true that the icon box options is limited but you can still modify the style of the element by using the Quick CSS field. If you can provide a screenshot of how you want the iconbox to look like, it will help. For example, you can change the background color with this:

    .iconbox_content {
  background: red;
}

    Regards,
    Ismael

    April 21, 2015 at 5:44 pm #432191
    underhill123

    Hey Ismael,

    thanks, that’s a good beginning.
    I answered you in another Topic (meier-oel.de), so your can see, that Icon-box i meen.
    It’s the last/right one, with the ninja-callback-form.
    Actually, i would like to make that box-outline a little bit bigger.
    If it’s possible, background (without form-fields!) in another color, but you wrote it,
    so I will try later on.

    Thanks, Gerd.

    April 22, 2015 at 11:41 am #432708
    Ismael

    Hey!

    The site is currently on maintenance mode so we can’t see it. Please play around with the css codes and again, please provide a screenshot of the iconbox so we can get a better idea on how you want it to look like \.

    Best regards,
    Ismael

    April 22, 2015 at 8:47 pm #433112
    underhill123
    This reply has been marked as private.
    April 23, 2015 at 8:38 pm #433736
    Yigit

    Hey!

    I have enabled custom CSS field for ALB elements on your installation and added “custom-iconbox” class to your iconbox. Please add following code to Quick CSS 

    .custom-iconbox .iconbox_content {
  border-width: 5px;
  background-color: #f2f2f2!important;
}
.custom-iconbox .ninja-row input[type="text"] {
  background-color: white!important;
}

    It should look like this – http://i.imgur.com/yHTUblg.png

    Regards,
    Yigit

    April 24, 2015 at 7:13 am #433896
    underhill123

    Hey Yigit,

    thanks very much, pretty fine. Later on, I will figure it out, playing with the colors / borders.

    Greatz, Gerd.

    April 24, 2015 at 6:22 pm #434316
    underhill123

    Hey Yigit,

    it seems, that the border’s width doesn’t change, but background’s color can be changed.
    I put the border’s width to 5px, actually, I think, it’s a half one.
    By the way, I would like to change the colors of the icon-boxes, left to the “call-box”:

    Thanks for you help and have nice weekend,
    Gerd

    April 25, 2015 at 6:13 am #434591
    Ismael

    Hi!

    Replace the code with this to add a border:

    .custom-iconbox .iconbox_content {
  border: 5px solid red;
  background-color: #fecc00!important;
}

    If you want to change the background of the iconbox beside the yellow one, do the same thing. Add a custom css class attribute then use it to define the style like the one provided above. Please refer to this link: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Regards,
    Ismael

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