Custom CSS is not showing

Resolved

(@localmoose)

Hi,

Im trying to apply som css code to the pluging using the “Custom CSS” Section inside “ADVANCED OPTIONS AND MULTIPLE INSTAGRAM ACCOUNTS” but nothing happens.

The code im adding is the following:

.wdi_feed_theme_1 .wdi_header_user_text h3 {
    display: inline-block;
    font-size: 30px;
    font-weight: 300;
    font-family: "Open Sans", Arial, sans-serif;
    color: black;
}
.wdi_feed_theme_1 .wdi_user_img_wrap img {
    height: 80px;
    width: 80px;
    border-radius: 40px;
}

[class^="tenweb-i-"], [class*=" tenweb-i-"] {
    color: black;
    padding-left: 12px;
}
.wdi_feed_theme_1 .wdi_follow_btn {
    border-radius: 15px;
}
.wdi_feed_thumbnail_1 .wdi_load_more_wrap, .wdi_feed_thumbnail_1 .wdi_spinner_wrap {
    border-radius: 100px;
    height: 40px;
    width: 116px;
    background-color: #23A455;
}
.wdi_feed_theme_1 .wdi_load_more_text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Support Zhanna Khachatryan
(@zhannak)

6 years, 1 month ago

Hello @localmoose,

Thanks for your inquiry.

Are you sure that you are adding the CSS to the theme that is attached to your feed?

Now you have added styles to wdi_feed_theme_1, if this theme is attached to your feed than before checking the styles, please clear website and browser cache.

If this won’t help please try to add the code in Appearance > Customize > Additional CSS section, the check again.

Thread Starter localmoose
(@localmoose)

6 years, 1 month ago

Hello!

I just try that but its still not working in any of the multiple ways. Im apply the css code to the pluging using the “Custom CSS” Section inside “ADVANCED OPTIONS AND MULTIPLE INSTAGRAM ACCOUNTS” so I assume that it is applying it to the default theme, im using the free version so I cannot select other theme.

Otherwise I checked the css code manually adding the code using the Google Chrome Developer Console direct to the live site and all worked perfectly.

So I dont understand why the site is not working with that code.
Plugin Support Zhanna Khachatryan
(@zhannak)

6 years, 1 month ago
Hi @localmoose

You need to put “!important” after each CSS code for example for the “Load More” button:
```
.wdi_feed_thumbnail_1 .wdi_load_more_wrap, .wdi_feed_thumbnail_1 .wdi_spinner_wrap {
border-radius: 10px !important; 
height: 60px !important;
width: 116px !important;
background-color: #23A455 !important;
}
.wdi_feed_theme_1 .wdi_load_more_text {   
color: #fff !important;  
font-size: 14px !important;
font-weight: 600 !important;
}
```
The above code will change the button to this:
https://gyazo.com/e3065f8b9980a689a04a8c90177b7907

Please keep us updated with results.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Custom CSS is not showing’ is closed to new replies.

Tags