Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • January 7, 2020 at 10:54 am #1170990
    dondela

    Dear support,
    i would like to achive a picture overlay like on the screenshot. The headline should be on top of the picture without any padding. Is this possible? It is a production-environment, there will be no damage changing something :-)

    January 7, 2020 at 7:38 pm #1171157
    Victoria

    Hey dondela,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top #homefullwidth.avia-section.av-minimum-height .container .content {
  vertical-align: top;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 8, 2020 at 10:50 am #1171380
    dondela

    Hey Victoria,
    thank you that worked!
    Another question: Is it possible to make layout-boxes like on this screenshot? I tried it with a grid-row but it does not seem to work. Is there a better solution to achive this boxes-layout?

    January 8, 2020 at 7:45 pm #1171567
    Victoria

    Hi dondela,

    I think it can be adjusted to look pretty close. Can you please add the margins to the grid cells in the cells options and then we can add the box shadows.

    Best regards,
    Victoria

    January 8, 2020 at 8:21 pm #1171587
    dondela

    Hi Victoria,
    i set the margins to 0px. But i am not really sure if this is right? I Think i want margin 0px for the images and margin 25px for the text. Would this be possible?

    January 8, 2020 at 9:29 pm #1171614
    Victoria

    Hi,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#boxes {
  width: 1000px;
  margin: 0 auto;
}

#boxes .flex_cell_inner {
  margin: 20px;
  border: 1px #ccc solid;
    height: 90%;
}
#boxes .flex_cell_inner .av_textblock_section  {
  padding: 20px;
}
#boxes .av-special-heading {
  padding: 0 10px;
}

#boxes .av_three_fifth {
  margin: 20px 0 0 20px;
}
#boxes .av_three_fifth .av-special-heading {
  padding: 0;
}

#boxes .av_two_fifth {
  margin-left: 0;
}
#boxes .hr { 
  border-top: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
}

    Well, the image needs to be a bit taller.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 9, 2020 at 11:38 am #1171757
    dondela

    Thanks for the help, awesome!

    May i ask for another question? I tried to insert the social icons in a widget. But they look very different than in the normal footer. How can i achieve to look white with the colored mouseovers like in the normal social footer icons?

    And is it possible to have an list-style-image before each submenu font?
    I tried the following code but it doesn´t work:

    /*sub-menu-bullets*/
#top .av-main-nav ul a:before{
      list-style-type: circle;
  list-style-position: inside;
  list-style-image:url('path-to-imag.jpg');
}
    January 9, 2020 at 9:14 pm #1171957
    Victoria

    Hi dondela,

    The link goes to a 404 page and the token has expired, please update it.

    Best regards,
    Victoria

    January 9, 2020 at 9:41 pm #1171968
    dondela

    Sorry for that, please see the updated information

    January 11, 2020 at 3:06 am #1172328
    Nikko

    Hi dondela,

    Thanks for the information, the issue you’re having with social icons is a bug in version 4.6.3.
    Please refer to the solution posted by Rikard in this thread: https://kriesi.at/support/topic/missing-icons-after-updating-to-wordpress-5-3-1-and-maintenance-releases/
    Let us know if you need further assistance.

    Best regards,
    Nikko

    January 12, 2020 at 11:28 am #1172509
    dondela

    Thanks Nikko,
    that solved my social-icons problem :-)

    Do you also know if it is possible to have an list-style-image before each submenu link?
    I tried the following code but it doesn´t work:

    /*sub-menu-bullets*/
    #top .av-main-nav ul a:before{
    list-style-type: circle;
    list-style-position: inside;
    list-style-image:url(‘path-to-image.jpg’);
    }

    January 12, 2020 at 6:38 pm #1172555
    Mike

    Hi,
    Thank you for the login, I added this css in your child theme stylesheet:

    /*sub-menu-bullets*/
#top .av-main-nav ul a:before{
	content: url('https://voltaris.de/redesign2020/wp-content/uploads/2020/01/aufzaehlung-footer.jpg');
	padding-right: 5px;
}

    Please clear your browser cache and check.

    Best regards,
    Mike

    January 12, 2020 at 9:14 pm #1172571
    dondela

    Thanks Mike, awesome support!

    Where do the red triangles in the submenu come from? Is ist possible to hide them?

    January 12, 2020 at 9:38 pm #1172577
    Mike

    Hi,
    I see gray squares in the sub-menu? Perhaps I’m looking in the wrong area, I’m looking at the main menu > sub-menu on the homepage
    Please see the screenshot in Private Content area.

    Best regards,
    Mike

    January 12, 2020 at 10:31 pm #1172586
    dondela

    Hi Mike,
    it is the mega-menu when i hover “Lösungen” in the submenu. (please see the screenshot in privat content)

    January 12, 2020 at 11:20 pm #1172595
    Mike

    Hi,
    Thank you, please try this css:

    .avia_mega_div .avia-bullet {
    display: none !important;
}

    Then clear your browser cache and check.

    Best regards,
    Mike

    January 13, 2020 at 9:49 am #1172693
    dondela

    Hi Mike,
    thats it, thank you very much for your support!
    :-)

    January 13, 2020 at 1:11 pm #1172749
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘layout’ is closed to new replies.