Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 22, 2020 at 1:50 am #1176984
    kenny_iic

    Hi,

    I am trying to figure out how this website was able to place a white box, seemingly on top of the full width slider and slightly into the next section.

    here is the website: https://blackouthair.fi/kampaamo/

    It seems like it functions like a text box, but I am curious how they are able to make it appear like that on the front end.

    If anyone can help, that would be greatly appreciated.

    Kenny

    January 22, 2020 at 9:39 pm #1177306
    Victoria

    Hey kenny_iic,

    Yes, it can be a text box that has a negative top margin that pulls it up.

    We have a block here

    Welcome

    Best regards,
    Victoria

    January 25, 2020 at 2:03 am #1178245
    kenny_iic

    Hi Victoria,

    Thank you for getting back to me.

    I have a few questions:

    1. Are you referring to the department, medical services and research area? Is that a color section or a text box section ? How did they manage to get the row to be cohesive and then change to vertical when you minimize the width of the page?

    2. Is that blue bar behind the text and under the slider a custom divider? How did they manage to get it so thick?

    3. I noticed that some of the titles would animate up when you scroll down to different sections? is that just an animation with the title? there was also a few text sections that seem to animate in “a few words about us” section. How did they do that as well?

    Thank you for taking the time to answer my questions. I really appreciate it.

    Kenny

    How does it adjust that way when you shrink the width of

    January 25, 2020 at 5:31 am #1178248
    Hiruseki

    @Kenny

    1. It’s three 1/3 columns. Create your three columns (or however many you want to fill the row) then under the row settings you make the columns equal height and select “No space between columns”. Then add a negative margin to the row to pull it up.

    2. The blue bar is an empty grid row section with a custom height. You don’t really need this — instead you can add a bottom border to the first section.

    3. You can set animations for certain elements like images and post galleries — just click the element, then click the Advanced tab, and the animation options are in the first accordion.

    The numbers are animated using the “Animated Numbers” element under the main “Content Elements” tab at the top.

    Hope that’s helpful!

    January 26, 2020 at 6:45 am #1178439
    Rikard

    Hi,

    Thanks for helping out @Hiruseki, did that answer your questions @kenny_iic?

    Best regards,
    Rikard

    February 7, 2020 at 12:05 am #1182192
    kenny_iic

    Hi,

    Yes it did! thank you very much everyone.

    Kenny

    February 7, 2020 at 12:44 am #1182198
    Jordan Shannon

    Hi,

    I’m glad this was resolved. Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    February 10, 2020 at 11:15 am #1182992
    Tuomo

    Kenny, I created that website so let me know if you have any other question 👋

    February 12, 2020 at 3:34 am #1183729
    Ismael

    Hi,

    @Tuomo: Thanks for helping. :)

    Best regards,
    Ismael

    February 12, 2020 at 3:46 am #1183731
    Hiruseki

    You’re welcome everyone! Glad to help. :)

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