Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • February 15, 2017 at 7:17 pm #747616
    yingyang

    Hi,

    how can we add a badge image beside the icon list? see private for more details

    February 20, 2017 at 1:21 am #749110
    Mike

    Hey kilimats,
    Try creating 3 columns 1/2 for your main left side image, 1/4 for your icon list, 1/4 for your new image.

    Best regards,
    Mike

    February 20, 2017 at 6:03 am #749137
    yingyang

    That was my thought Mike but cant because the left picture uses all the row as pictured below, whats the workaround in that case?

    February 24, 2017 at 11:38 am #751340
    Nikko

    Hi,

    Try adding the image before the icon list, then turn on the Custom CSS Classes: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and add a css class in the image, then with some css code adjust the positioning of the image to put it beside the icon list. Hope this idea helps.

    Best regards,
    Nikko

    February 26, 2017 at 5:28 am #751879
    yingyang

    i’ve got the custom CSS classes enabled, but im at a loss on how to reposition the image with CSS< can you provide me with a code ? then all adjust the pixel as needed?

    February 27, 2017 at 8:50 pm #752483
    Yigit

    Hey!

    Please edit your element and give it a custom CSS class and then add following code to Quick CSS 

    .your-custom-class { 
    background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 50%;
}

    That to me seems to be the easiest solution in this case. I hope it helps :)

    Best regards,
    Yigit

    February 28, 2017 at 8:13 am #752768
    yingyang

    sorry which element should i add a custom CSS to ? the image i need displayed beside the icon list does not exist yet

    February 28, 2017 at 12:15 pm #752873
    Yigit

    Hi,

    You should give custom CSS class to your icon list element :)

    Best regards,
    Yigit

    March 1, 2017 at 3:57 am #753397
    yingyang

    thanks, so i;ve added this to my icon list element

    March 1, 2017 at 10:00 am #753563
    Yigit

    Hi,

    Can you please create a temporary admin login and post it here privately?

    Best regards,
    Yigit

    March 1, 2017 at 3:21 pm #753756
    yingyang

    we can share via team viewer but cannot share credential as we sell digital products, can you chat with us on the website when you are ready? we are here from noon to 8pm EST

    March 1, 2017 at 3:25 pm #753761
    Yigit

    Hey!

    Sorry, we do not provide support via team viewer.
    Code should have worked. Please check your custom CSS and if there is no errors, try adding !important rule to the code as following 

    .your-custom-class { 
    background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: 100% 50% !important;
}

    Best regards,
    Yigit

    March 1, 2017 at 3:33 pm #753766
    yingyang

    weird, so im using this code in the theme file

    .moneyback {
    background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: 100% 50% !important;
}
    March 2, 2017 at 10:38 pm #754670
    Yigit

    Hi,

    Code is not being applied. Can you please all of your custom CSS codes here using – http://pastebin.com/?

    Best regards,
    Yigit

    March 2, 2017 at 10:47 pm #754679
    yingyang

    sure here it is

    March 2, 2017 at 11:09 pm #754706
    Yigit

    Hi,

    It does seem fine. Do you have any code in Quick CSS field by any chance?
    Also, if you have a caching plugin, please try flushing cache

    Best regards,
    Yigit

    March 2, 2017 at 11:15 pm #754711
    yingyang

    nothing else in the quick CSS and i did flush the cache already, this is how it should be right?

    March 2, 2017 at 11:28 pm #754719
    yingyang

    oh wow, now it works when using a brand new chrome account! how come chrome doesnt refresh the profile im using? is there a trick ?

    March 3, 2017 at 7:42 am #754872
    Vinay

    Hi,

    You have to clear the cache manually. I assume you have come accross this technique to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.

    Best regards,
    Vinay

    March 3, 2017 at 12:25 pm #754996
    yingyang

    thanks a bunch for your help guys ! appreciated !!

    BTW hoping you guys can figure out this bug here https://kriesi.at/support/topic/4-0-2-masonry-no-longer-display-the-right-category/#post-754998

    • This reply was modified 7 years, 8 months ago by yingyang.
    March 3, 2017 at 1:23 pm #755026
    Yigit

    Hi,

    You are welcome!
    Let us know if you have any other questions or issues and enjoy your weekend.

    Best regards,
    Yigit

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)
  • The topic ‘add a picture beside icon list?’ is closed to new replies.