CSS styling

  • Resolved Murraysimon

    (@murraysimon)


    9 years, 9 months ago

    Hi there, I want to know how to give some padding to this widget – as it is with all the other widgets ?

    I noticed there was no entry in the css for the widget as there is with all the others – can you assist please I am lost with this – currently I have the text that I had written, which is sitting hard up against the bottom of the previous block (the slider at the top of the page in this case).

    The only way I found to give the text space was by changing the header margins and of course that threw the margins out for everything.. any help you can give would be greatly appreciated.

    https://photomedia.com.au/mdent/

    Thanks in adavance

    https://www.ads-software.com/plugins/black-studio-tinymce-widget/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Marco Chiesi

    (@marcochiesi)

    CSS styling is outside of the scope of the plugin. You should customize your CSS rules by modifyng or overriding the rules included in your theme’s style.css. Usually every widget instance can be targeted singularly using its own ID, or you may use classes to target all BSTW instances.

    Thread Starter Murraysimon

    (@murraysimon)

    Hi Marco – thanks for the response – however when you say it is outside the scope of the plugin I am not sure what you mean?

    I just checked half a dozen plugins (via the theme’s .css file) and I have the ability to tweak the css settings pertaining to those plugins because when they installed they updated the theme’s .css file – and then all I have to do is change the settings to achieve what I want.. However yours does not do that.. and so I was wondering how I achieve this? It cannot be this hard to add some p adding to the plugin so it is not sitting hard up against the ‘block’ above – being a bit of a newbie to css I am unsure how to progress – everything I have tried has failed..

    If I can’t figure this out I will have to uninstall and look for a replacement which I would rather not do.. So if there is anything you can do to help it would be appreciated.

    Plugin Author Marco Chiesi

    (@marcochiesi)

    Hi Murraysimon,
    I think you’re a bit confused. I used hundreds of plugins and I never heard of a plugin that alters the theme’s css file. It would be against any logic and also against WP standards.
    Many plugins offer CSS styling, either including their own CSS file(s) or having some kind of customization options (without touching theme’s files). That’s because they introduce custom portions of html cose that needs to be formatted.
    Our plugin, on the contrary, is just a replacement for the native WP text widget, so it does not introduce any particular markup, and it’s theme responsibility to customize markup and CSS. Please read out FAQ about how to customize widget appearance for further info.

    The simplest way to customize CSS styling is to open your theme’s style.css file and add your own CSS rules. Please note that this way, you will lose your modifications if you update the theme. Some themes do have an internal option for custom CSS code that you may use for that. Alternatively you may create a custom plugin and include your own custom css, with rules that override the ones coming with the theme.

    I want to display html code like

    <html>
<div>
<h3>

    but it just doesn’t want to work like it does here.

    Plugin Author Marco Chiesi

    (@marcochiesi)

    @aubrey114 to show formatted code i’d suggest a plugin like Crayon Syntax Highlighter

    Thanks Marco,
    I found that plugin and it works great. I post alot of css code snippets and some html code and this plugin does exactly what I need it to do. It is very easy to use and allows readers to copy and paste the code right into their files. Again thanks for following up.
    Aubrey

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS styling’ is closed to new replies.