Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #396157

    Hi
    Please forgive me for not able to figure this out.

    How can I make something like Enfold’s default demo->frontpage-> “In case you need help Here are several ways to contact us” ?
    Instead of background image you have, I want main content background color and each boxes(?) (where “resale question” “need support” “check forum” are) are alternate section color scheme.
    What I mean is; there are 3 columns and each one of them are apart from each other. 3 columns? Color section? Grid Row?
    Anyway I try, 3 boxes get attached/stretched to each other.

    thank you!

    #396420

    Hi summersalad!

    Use a color section and then inside add 1/3 + 1/3 + 1/3 columns and then inside each column use an icon box element.

    Best regards,
    Elliott

    • This reply was modified 9 years, 9 months ago by Elliott.
    #396564

    Thank you Elliott.
    But it doesnt work fro me for some reason.

    I put color box then inside the colorbox, put 1/3, 1/3, 1/3. then Inside 1/3 I put incobox.
    I can change background color of COLOR BOX to alternate color. but this makes entire part of color box changes into alternate color. This is not what I want

    What I want is: Only the iconboxes have alternate color background. AND I want spaces between each iconbox and this space is default color. AND only incoboxs are filled with alternate color. Also I want, iconboxs (or Textbox) have nice rounded border.
    Just like the first example I pointed out.

    I want it to look like putting 3 yellow postit notes on blackboard a bit away from each other. Does this makes sense?

    Thank you again. You guys are the best!

    • This reply was modified 9 years, 9 months ago by summersalad.
    #396966

    Hey!

    When you edit the iconbox select the “large icon above title” option for the styling setting. That will give the alternate color and rounded borders that your wanting.

    If your still having trouble then send us a link and we’ll take a look.

    Best regards,
    Elliott

    #397075

    Hi Elliott

    Thank you very very much!…. I did it! Now it looks like postit. yay.
    Except for….
    1) can I do this “post-it effect”with small icon on the left instead of big icon on center top? If difficult, then I live with it.
    2) Is there anyway I can put google map widget inside the Iconbox? (currently iconbox’s title is my address and google-map is under inconbox iside 1/3 layout thingie)

    Thank you very much for your help, repeatedly.

    • This reply was modified 9 years, 9 months ago by summersalad.
    #397322

    Hey!

    1.) Please provide a screenshot or design mock up so that we can better understand what you want.

    2.) Try to generate the map shortcode using the shortcode wand then place it inside the iconbox content editor.

    Regards,
    Ismael

    #397340

    Thank you Ismael.
    I was able to solve the problem 2.) above
    except for……
    Q: how can I adjust the zoom level? I want it to be same as zoom level 14 (setting in Enfold Googlemap Widget).
    Right now, it’s too zoomed in.
    Q: I cannot change the height of the map. Even I slide the height slider,([su_gmap width=”500″ height=”1000″ ) nothing changes. what gives?

    ———————————
    will try problem 1.) now….

    #397798

    Ok so it was easier to explain so those are what I want.

    (1)
    Icon box -> “display large icon above the title” + “box content block with border”
    BUT WITHOUT the ICON.

    and

    (2)
    icon box ->”display small icon at left” BUT WITH “box content block with border”

    Basically, (1) I want “box content block with border” but without icon and (2) a boxed content with small icon on the left of the title but with border

    Thank you for being patient with me. I very much appreciate it….

    thank you very much again

    #398098

    Hi!

    1- Please add following code to Quick CSS

    .iconbox_top .iconbox_icon {
    display: none;
    }

    2-

    .iconbox_left .iconbox_content_title {
    background: #f2f2f2;
    padding: 10px!important;
    border: 1px solid #e2e2e2!important;
    border-radius: 5px;
    }

    Cheers!
    Yigit

    #398733
    This reply has been marked as private.
    #398889

    Hey!

    Please review your website now. I have edited the code in Quick CSS field slightly

    Cheers!
    Yigit

    #398907

    Hi Yigit

    Nothing but awesomeness! Thank you so so much. I’m deeply appreciative for your wonderful support/help.
    Have a nice day!

    #398912

    Hi!

    You are welcome, glad we could help :)
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘How to do this?’ is closed to new replies.