Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • December 1, 2016 at 4:05 pm #719296
    promhock

    Hi enfold-team,

    talking about the designing of the Icon Box.
    If I have only one line in “title” – its up and the position is higher than the position of the icon.
    Is it possible to bring the Icon and the “title” (headline) in one line?
    The same question for 2 lines, but in this case it should be the middle between
    both lines of the “title” (headline) aso.
    The content (additional text) is free, there is just the “title” headline.

    Thanks and greets

    promhock
    (schubi)

    • This topic was modified 8 years, 1 month ago by promhock.
    December 2, 2016 at 6:55 am #719523
    Rikard

    Hey promhock,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    December 2, 2016 at 2:57 pm #719716
    promhock

    Hi Rikard,

    no, there is no link to this site because its still under construction and due to
    this not reachable from outside.
    But I think the description should be clear enough:
    I edit the Icon Box in Theme Construction.
    There is nothing in “Content”, just one line in the “Title”
    With this the “Title” on the “home-page” is not in one line with the “Icon”, the “Title” is placed
    higher and it looks “bad done”…
    So I ask to bring the “Icon” and the “Title” which is placed behind the “Icon” in one line.
    (Same effect with 2 lines or 3 lines in the “Title”, its height is not centered to
    the middle of the “Icon” in front of it.)

    Maybe you can edit the Demo theme this way and understand better what I am talking about.

    Greets
    promhock
    (schubi)

    See the link below for a screenshot.
    I marked the meant problem in yellow.
    The “Title” is much higher than the “Link”.
    Even with the other “Title/Link”-combinations its the same and thats not looking really good.
    Maybe you can bring this by “align centered” or something like that.

    • This reply was modified 8 years, 1 month ago by promhock. Reason: Adding some link for a screenshot at "dropbox"
    December 7, 2016 at 4:22 am #721319
    Ismael

    Hi,

    Adjust the top position of the title with the following css code.

    .iconbox .iconbox_content .iconbox_content_title {
    top: 5px;
}

    Best regards,
    Ismael

    December 16, 2016 at 9:49 am #725228
    promhock

    Hi Ismael,
    this cuts only off parts of the written text (Screenhot in Dropbox).
    I think, the solution also has to be more like “centered” between the Icon and the title, because some fixed
    moving of 5px for all will probably move some of them (with 3 lines) out of the centered relation.
    Or I need the possibility to set it for each Icon-Box individual.
    In the dropbox you find the screenshot of whats happening with this 5px solution you suggested.

    Greets
    promhock
    (schubi)

    December 19, 2016 at 2:58 pm #726032
    promhock

    Hi enfold-team,

    could you find any help to this meanwhile?
    I hope you agree, that its looking rather unprofessional in the actual way (Icon much higher than the line).

    Greets
    promhock
    (schubi)

    December 20, 2016 at 4:42 pm #726648
    Andy

    Hi,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Andy

    December 20, 2016 at 5:15 pm #726670
    promhock

    Hi Andy,

    sometimes I am not sure about some responses from Krisis…
    Just take your Demo “Construction”, go to page “homepage”, go to the black area which is called “Why Us”,
    open one of those “Icon Boxes”.
    Now leave the headline and remove the text with “Lorem ipsum” and then you have exactly the situation I am
    describing and asking for help.
    Its an anger that I have to wait five days for a wrong response (Ismael) which exactly understood the
    problem but his advice is just cutting off some lower parts of the text (see my Screenshot) and then after
    3 days more I get told you need access to my site to understand where my problem comes from.
    To say it short:
    Take an Icon Box from your demo “Construction”, remove the text in Content “Lorem Ipsum”, leave the headline
    with one line “We got the tools” -> update it and look at the result:
    The headline is not in line with the icon, its much more up (also see my Screenshot).
    Now just adjust that to have icon and headline in one line and send me the result and I can use this.
    (But it can not be a relative result in px, because some headlines persist from two lines)

    Regards
    promhock
    (schubi)

    December 20, 2016 at 5:59 pm #726703
    Andy

    Hi,

    I checked our construction demo and it looks totally fine. Please send us a precise link showing the elements on your end, so we can inspect them and provide you some css code.

    Best regards,
    Andy

    December 21, 2016 at 9:36 am #726954
    promhock

    Hi,

    and you edited the Icon Box as described, just headline and icon, no text (Lorem ipsum…)?

    (As I already said, the site is still being builded and due to this not online.)

    Regards
    promhock
    (schubi)

    December 22, 2016 at 9:29 pm #727674
    Andy

    Hi,

    yes and that’s the expected behavior.

    However, use this code inside your Quick CSS field to customize it:

    .iconbox_content {
top: 18px;
position: relative;
}

    and adjust top value as needed.

    Best regards,
    Andy

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