Add custom css for the plugin.

  • Resolved debugsaurav

    (@debugsaurav)


    10 years ago

    I want to add some external css styles so that i can transform this plugin. I want to be able to create a 3 column by 2 row widget for my footer. My problem is where and how do I add this css to the plugin such that I can use the plugin directly in other sites as well.

    I am new to wordpress so I would be very glad if you could give every destails step by step.

    https://ww.wp.xz.cn/plugins/wp-instagram-widget/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Scott (@scottsweb)

    (@scottsweb)

    10 years ago

    * Install the free plugin Jetpack (you may have this already)
    * Enable the custom CSS module https://jetpack.com/support/custom-css/
    * Add the following CSS:

    #sidebar .instagram-pics li {
    width: 33%;
}

    Depending on your theme this might not work out the box. CSS in your theme may conflict.

    Thread Starter debugsaurav

    (@debugsaurav)

    10 years ago

    Thank you so much scott.

    sgclark

    (@sgclark)

    9 years, 11 months ago

    Do you have a full detail of all the CSS classes that you use on this plug in to enable more detailed CSS customization? Could not find it anywhere if you have shared it. Thanks!

    Plugin Author Scott (@scottsweb)

    (@scottsweb)

    9 years, 10 months ago

    @sgclark you should be able to see the classes in use by inspecting the plugin in your browser. You can also customise the classes by using a number of filters in the plugin.

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

The topic ‘Add custom css for the plugin.’ is closed to new replies.