Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 10, 2022 at 1:27 pm #1351160
    rixi

    Hi,
    i had to change a theme to enfold because there are no updates anymore for the old one. Now i would like to make the desin a little bit similar to the original one. Is it possible to put the sidebar into a white box so that i have a liittle transparent space between the main box and the sidebar. There is a nice photo in the background that should be seen a little bit.
    And is it possible to make a transparent space under the menu?

    That would be perfect :)

    Many greetings rixi

    May 12, 2022 at 5:16 am #1351453
    Ismael

    Hey rixi,

    Thank you for the inquiry.

    You can use the Advance Layout Builder to manually create this kind of layout, but we can also adjust the style of the default template with css.

    #top #main {
    background-color: transparent;
}

#top #main .container_wrap.container_wrap_first.main_color.sidebar_right {
    background-color: transparent;
}

#top #main .sidebar {
    border-left-width: 0;
}

#top #main .sidebar .inner_sidebar {
    background-color: #ffffff;
    padding: 20px;
}

#top #main main.template-page.content.av-content-small.alpha.units {
    background-color: #ffffff;
    margin-top: 50px;
    padding: 20px;
    margin-bottom: 50px;
}

    Best regards,
    Ismael

    May 12, 2022 at 7:58 am #1351484
    rixi
    This reply has been marked as private.
    May 13, 2022 at 5:43 am #1351625
    Ismael

    Hi,

    Thank you for the update.

    Glad to know that the css modifications are working. To adjust the width of the header content and the sidebar area, try to include this css code.

    #top #main .container_wrap.container_wrap_first.main_color.sidebar_right .container {
    padding: 0;
}

    Best regards,
    Ismael

    May 13, 2022 at 10:17 am #1351651
    rixi

    Hi Ismael,
    great, thanks a lot!
    And is it possible to make the white block under the navigation TANZ MIT UNS to make transparent like on the original page? That would be absolutely great :)

    Many greetings and thanks for your great and quick help.
    Its really a perfect support here :)
    rixi

    May 15, 2022 at 7:25 pm #1351865
    Mike

    Hi,
    Thanks for your patience, to make the title container (TANZ MIT UNS) transparent, please try this css:

    #main > .alternate_color.title_container {
	background-color: transparent;
}
#main > .container_wrap.container_wrap_first {
	border-top-style: none;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    May 15, 2022 at 7:44 pm #1351868
    rixi

    Hi Mike,
    thanks great! Just tried that out and noticed that it probably need a little bit of white (10%) in the background of that box? Is that possible too? :)
    So that it looks a little bit like in the footer.

    many greetings Ricarda

    May 15, 2022 at 8:11 pm #1351870
    Mike

    Hi,
    Try this instead:

    #main > .alternate_color.title_container {
	background-color: rgba(255, 255, 255, 0.5);
}
#main > .container_wrap.container_wrap_first {
	border-top-style: none;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    May 15, 2022 at 8:22 pm #1351871
    rixi

    Hello Mike,
    PERFECTOOOOOOOOOOOO :)
    thanks a lot!!!
    rixi

    May 15, 2022 at 9:10 pm #1351875
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘transparent areas on webside’ is closed to new replies.