Icons are not displaying on mobile device and one more problem

Support
#1

Hello, guys. I have two problems with my website. They are the same as these one:


but I still cannot manage with them. This is the link to the website: https://pl48-help.com

  1. I cannot add a background image to a row. I put the following code to css section but it still doesn’t work:

#uslugi > .x-container {
background: url(“https://pl48-help.com/wp-content/uploads/2018/02/2.jpg”);
}

  1. Icons are not displaying on mobile device

I put this code to html section:
< i class=“x-icon x-icon-star” data-x-icon="&#xf005" style=“color:#586268;”>

And made them larger in css section using following code: [class^=“x-icon-”]:before, [class*=" x-icon-"]:before {
font-size: 50px;
}
It looks pretty good on my computer but those icons are not show up on my mobile device

Thanks a lot for your time!

P.s. I’m not a native English speaker so sorry for grammar mistakes :wink:

#2

Hello @Denysss,

Thanks for writing in! :slight_smile:

  1. You can add a background image by going to your section’s row. Please see more info here: Content Builder - Sections, Rows & Columns:

  1. Kindly replace your icon code with this shortcode:
    [x_icon style="font-size: 50px color:#586268;" type="star"]

For more details on how to use the icon shortcode: Icons

Hope it helps.

#3

Thanks a lot!!! :relaxed:

This code doesn’t change icons’ color but it helped me to solve the issue with icons’ appearance on mobile device. I put following code to css section to change icons’ color
[class^=“x-icon-star”]:before, [class*=" x-icon-star"]:before {
color: #586268;" }
(x-icon-star - in my case)

Thanks again! You are the best!

#4

You’re welcome. Glad we could help.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.