Snippets not taking effect

  • Resolved shamajay

    (@shamajay)


    3 years, 11 months ago

    Hi,

    I am attempting to change the widths of widget areas in the middle column of the top footer row using custom CSS. I am unable to see any changes in the site after activating the snippet (in the footer) other than a white box on the bottom that is displaying the code snippet. When I make the changes in the inspect element screen the changes are visible but when I copy the code and paste it into a snippet and activate it, there is no change on the page from the original.

    I inserted a Text widget in a Footer widget and attempted to change the colors of the text, but the issue persists. I am new to writing custom CSS and have been following tutorials online but I’m clearly doing something wrong.

    These are the snippets I am attempting to load –>

    Middle column even spacing –>
    .footer-widget-area {
    flex: auto;
    }

    Testing in Text widgets –>
    div.textwidget.test1{
    color: red !important;
    }
    .footer-widget-area .widget-area .site-footer-focus-item .footer-widget6 .content-align-center .content-tablet-align-default .content-mobile-align-default .content-valign-default .content-tablet-valign-default .content-mobile-valign-default .test2{
    color: blue !important;
    }
    #text-15.widget widget_text .textwidget {
    color: green !important;
    }

    I have attempted to test different levels of the classes I have found for the widget with the inspect element tool but none of them are working.
    Please let me know if you need any additional information. I would be extremely grateful for any help/advice you can provide. Thank you.

    • This topic was modified 3 years, 11 months ago by shamajay. Reason: Updated testing codes
    • This topic was modified 3 years, 11 months ago by shamajay.

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

Viewing 1 replies (of 1 total)
  • Plugin Author 99robots

    (@99robots)

    Hi – This is a customization request and not a support question. The plugin works as intended as it’s taking your code and adding it whereever you requested. However, the most likely reason you’re seeing the code in your footer is because you have not wrapped your CSS in <style> and closing </style> tag. 

    <style>
.footer-widget-area {
flex: auto;
}

div.textwidget.test1{
color: red !important;
}

.footer-widget-area .widget-area .site-footer-focus-item .footer-widget6 .content-align-center .content-tablet-align-default .content-mobile-align-default .content-valign-default .content-tablet-valign-default .content-mobile-valign-default .test2{
color: blue !important;
}

#text-15.widget widget_text .textwidget {
color: green !important;
}
</style>
Viewing 1 replies (of 1 total)
  • The topic ‘Snippets not taking effect’ is closed to new replies.