Footer Widget Image before Title

  • Resolved Anonymous User 9824923

    (@anonymized-9824923)


    7 years ago

    Hallo! I used to use this codes to add the social media images before the footer widgets titles but they aren’t working. Anyone knows why?

    #custom_html-2 h3.widgettitle::before {
content: url(“https://irinasopas.com/wp-content/uploads/2019/05/facebook-preto.svg”);}

#custom_html-4 h3.widgettitle::before {
content: url(“https://irinasopas.com/wp-content/uploads/2019/05/twitter-preto.svg”);
}

#custom_html-3
h3.widgettitle::before {
content: url(“https://irinasopas.com/wp-content/uploads/2019/05/instagram-preto.svg”);
}

    Best regards,

    Irina Sopas

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • Moderator t-p

    (@t-p)

    7 years ago

    I recommend asking at https://ww.wp.xz.cn/support/theme/fluida so the theme’s developers and support community can help you with this.

    Thread Starter Anonymous User 9824923

    (@anonymized-9824923)

    7 years ago

    Hallo. They never answear, just see the topics, all with zero answear, that’s why I’m here.

    Best regards,

    Irina

    Moderator t-p

    (@t-p)

    7 years ago

    This theme was Last updated: ‎May‎ ‎28‎, ‎2019 suggests its being maintained.

    Give them a chance.

    Thread Starter Anonymous User 9824923

    (@anonymized-9824923)

    7 years ago

    Hahaha. How many weeks I need to wait before I can ask here again?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    7 years ago

    Playing with this CSS

    h3.widget-title a:before {
    content: 'X';
    content: url(https://irinasopas.com/wp-content/uploads/2019/05/facebook-preto.svg);
}

    If I use “content: ‘X'”, it works. If I use the URL, it doesn’t. I don’t think it’s a theme thing,

    According to this codepen, you need to use a blank as content and set the SVG as the background. https://codepen.io/clementpigeon/pen/gdwIn

    Thread Starter Anonymous User 9824923

    (@anonymized-9824923)

    7 years ago

    Hallo @sterndata first thanks for your help. Your code is changing for all images, even when I add the #custom_html-2 it doesn’t change. I think it is a theme thing because I changed the theme and it was working like a charm before.

    So with your code, how I add the specific images for the 3 social media and not one for all?

    Regards,

    Irina

    • This reply was modified 7 years ago by Anonymous User 9824923.
    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    7 years ago

    You need to qualify the stuff with the right widget/div. I just threw that out there as an example.

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter Anonymous User 9824923

    (@anonymized-9824923)

    7 years ago

    Hallo. I already cheked the widgets class, id and div they are the same. That’s why I don’t understand why it isn’t working. But thanks anyway. I have Chrome Developer Tools.

    kisses

    Thread Starter Anonymous User 9824923

    (@anonymized-9824923)

    7 years ago

    @sterndata Hallooooo! Found out the problem. My other theme use widgetitle and this one is using widget-title.

    Can you help me center my footer text? I’m giving the full credits from the theme in my Privacy Police, so I want to remove the orange Powered by & and center the site-copyright © 2019 IRINA SOPAS – TODOS OS DIREITOS RESERVADOS

    Regards,

    Irina

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    7 years ago

    Please contact the support team for your theme regarding removing the “powered by” as the method is theme dependent.

    Thread Starter Anonymous User 9824923

    (@anonymized-9824923)

    7 years ago

    Already did that, they aren’t the kind of answearing the support hahahaha. Kisses

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

The topic ‘Footer Widget Image before Title’ is closed to new replies.