Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 2, 2019 at 9:07 am #1124110
    jakobl1976

    Hi
    I would like to have logo and menubar like on this page :http://www.brooklyngin.com/
    Is that possible?

    Thanks

    August 2, 2019 at 11:16 am #1124129
    jakobl1976

    Also I have widget in my footer. I would like to have the content centered and I would like to border between them like the footer on this page:
    http://www.brooklyngin.com/
    Thanks

    August 3, 2019 at 4:12 am #1124295
    Rikard

    Hi,

    Where can we see the results you have so far?

    Best regards,
    Rikard

    August 3, 2019 at 8:02 am #1124330
    jakobl1976

    For the borders between the footer widgets I have tried the follwing:
    #footer .flex_column.av_one_fourth {
    border-right: 1px solid #fff;
    }
    #footer .flex_column.av_one_fourth:last-child {
    border-right: none;
    }

    It makes the borders but the content in the widgets is not centered.
    I found the css here: https://kriesi.at/support/topic/vertical-separation-lines-between-footer-widgets/
    and as you can see on the screenshot in the url, the content in the widget is not centered.

    • This reply was modified 5 years, 3 months ago by jakobl1976.
    August 3, 2019 at 1:02 pm #1124348
    Rikard

    Hi,

    You can try this in order to center the content:

    #footer .av_one_fourth * {
  text-align:center;
}

    If that doesn’t work then we need to actually see a live site so that we can give you accurate CSS.

    Best regards,
    Rikard

    August 4, 2019 at 9:55 am #1124486
    jakobl1976

    Hi
    Thanks
    I have a live testsite. I wrote it to you in private content.
    I have now entered your css and css for border between the widget columns. But as you can see widget 2 and 3 are not centered.

    The other issue about the navigation layout, do you have solution for that?
    I would like to have the navigation layout as here: http://www.brooklyngin.com/

    Thanks

    August 6, 2019 at 6:55 am #1124973
    Ismael

    Hi,

    The site is on maintenance mode. We’ll need access to it.

    Have you tried applying the logo as a menu link? You can use image tag in the menu label field. Add a custom menu item, place it in the middle of the existing menu items, then add the img tag in the label field. Example:

    <img src="LOGO IMAGE URL" class="logo" />

    You can then adjust the menu item position containing the logo using css.

    Best regards,
    Ismael

    August 6, 2019 at 9:08 am #1125013
    jakobl1976

    Hi
    No the page is not in maintenance mode, is just has an age verifier pop up.

    I will try with the add the logo as a menu link.
    Can you please help me center the content in the footer. As you can see widget number 2 and 3 are not centered.
    Thanks

    August 6, 2019 at 9:27 am #1125021
    jakobl1976

    It worked fine adding the logo to the menu link :-).
    But I can’t reach it with css without effecting the other image in the menu bar. I have given it a class called .logo-menu
    The other image in the menu, should stay the size it has now.
    Hope it makes sense when you can see the page :-)

    August 7, 2019 at 10:25 am #1125438
    Ismael

    Hi,

    Glad it works.

    You should be able to adjust the logo using the “.logo-menu” selector. Example:

    .logo-menu {
    width: 200px;
    height: 100px;
}

    Best regards,
    Ismael

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