Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • September 17, 2018 at 5:13 pm #1010845
    beenee

    Hi Enfold Team
    I know this has been targeted before, but it doesn’t work for me to go e.g.:

    .main_color.iconbox_top .iconbox_content {
background-image: url(‘imagepath.jpg’);
}

    Any ideas…?
    Thanks,
    Stefan

    September 17, 2018 at 7:12 pm #1010928
    Jordan Shannon

    Hey Stefan,

    Try this:

    .iconbox_content {
background-image: url("https://dev.plp-group.com/wp-content/uploads/2018/09/arrowbox.png")!important;
}

    Best regards,
    Jordan Shannon

    September 17, 2018 at 11:27 pm #1011032
    beenee

    Thanks Jordan, getting closer :-)

    .plp-iconbox {
position: relative;
background-image: url('https://dev.plp-group.com/wp-content/uploads/2018/09/arrowbox.png')!important;
  height: 181px; 
  background-position: center; 
  background-repeat: no-repeat;
  background-size: cover;
}

    …this will set the image right sizing the box after the background image. As you can see I used a custom class…

    I need to get the Icons ‘in the box’ and I need to get rid of the color (#f8f8f8) as you can see in the example result… I tried several background css tricks, but without success…
    Would you know how to accomplish that please …?

    September 17, 2018 at 11:46 pm #1011040
    Jordan Shannon

    Hi,
    Try this in quick css:

    .main_color.iconbox_top .iconbox_content {
background-color: transparent!important;
box-shadow:none!important;
}

    Best regards,
    Jordan Shannon

    September 18, 2018 at 12:23 am #1011043
    beenee

    Excellent!
    That solved the color issue.

    How would I get the Icons ‘in the box’ as in the example image linked below. I need the icons as well as the text roughly 30 px down so they are in the box. Could you solve this as well?

    September 18, 2018 at 1:14 pm #1011248
    Victoria

    Hi beenee,

    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

    
#after_full_slider_1 .iconbox_top .iconbox_icon {
    top: 15px;
}
#after_full_slider_1 .iconbox_top .iconbox_content {
    padding: 80px 20px 20px 20px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 19, 2018 at 2:21 pm #1011817
    beenee

    Hi Victoria,
    Thanks a lot!! Splendit:-) This works perfectly as it should on http://dev.plp-group.com

    I’m not shure why this doesn’t apply on the other side (It’s all in the quicksss: http://dev.plp-group.com/about/
    Also on that page I tried to ‘hide’ the icons.
    .plp_noiconbox a.iconbox_icon { display: none !important; } …but it doesn’t work :-)

    Any ideas?
    best
    Stefan

    September 19, 2018 at 4:00 pm #1011879
    Victoria

    Hi Stefan,

    On the about page you want to hide icons or move them down?

    Best regards,
    Victoria

    September 19, 2018 at 4:04 pm #1011882
    beenee

    I’d like to hide them…

    September 19, 2018 at 4:37 pm #1011913
    Victoria

    Hi Stefan,

    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.page-id-234 .iconbox_top .iconbox_icon {
  display: none;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 19, 2018 at 5:18 pm #1011932
    beenee

    OK this works well…! Thanks!
    if I’d like to do the same for yet another page, how would be the syntax?

    
#top.page-id-234 .iconbox_top .iconbox_icon {
  display: none;
}
#top.page-id-494 iconbox_top .iconbox_icon {
  display: none;
}

    …doesn’t work! In this example it works only for page-id-234

    September 19, 2018 at 6:24 pm #1011965
    Victoria

    Hi beenee,

    Please share the link to the page.

    Best regards,
    Victoria

    September 19, 2018 at 9:43 pm #1012033
    beenee

    Sorry, here it is:
    initial page:
    dev.plp-group.com/about

    I’d like to hide the logo here as well:
    dev.plp-group.com/about-m
    dev.plp-group.com/about-v
    dev.plp-group.com/about-p

    September 21, 2018 at 3:46 am #1012594
    Ismael

    Hi,

    You can add this css code.

    .page-id-494 .iconbox_top .iconbox_icon, .page-id-234 .iconbox_top .iconbox_icon, .page-id-502 .iconbox_top .iconbox_icon, .page-id-510 .iconbox_top .iconbox_icon {
    display: none;
}

    Best regards,
    Ismael

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