styling the buttons

  • Resolved SIM_Admin

    (@sim_admin)


    11 years, 6 months ago

    Hey there, thanks for the plugin. I am new to all of this so please bear with me. Take this as an opportunity to educate the ignorant.

    I’ve wondered how much of my theme’s css is used and how much of the plugin css is used… Here is the link to my comments form: SIM-Sample Post with Comment Form

    Questions for you:
    1. When I look at the source of my page, I cannot for the life of me see where the button bar is even added. Can you explain this to me?

    I was looking at the source to figure out what classes were being used. On the one hand, the plugin’s CSS does seem to be used, as I was able to add css to my theme’s child-css to align the block of buttons to the right.

    However, when I attempt to set margins around the buttons, whether the plugin’s css or my theme’s, nothing happens.

    2. I would like to set the margin of the buttons so that they are spaced out from one another rather than how they currently appear — all in one block. How would you suggest I do this?

    Thank you for your consideration.

    https://www.ads-software.com/plugins/basic-comment-quicktags/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Ipstenu (Mika Epstein)

    (@ipstenu)

    ?????? Advisor and Activist

    1. It’s QTags.addButton in the JS file. Per the Quicktags API, all I’m doing is calling it on the front end to make it display ?? It was always there.

    2. Like this:

    #qt_comment_toolbar input {
    margin-right: 10px;
}
    Thread Starter SIM_Admin

    (@sim_admin)

    Wow — I see, makes perfect sense to me now. thank you — on my way to styling now.

    Oh, would you help me to understand how the plugin’s templates are connected to the comments form?

    Thread Starter SIM_Admin

    (@sim_admin)

    I read the Quicktags API, found the quicktags.js in my wp-includes, and have looked at the plugin files — I cannot find #qt_comment_toolbar anywhere.

    I must be confused somehow. Where did the qt_comment_toolbar ID attribute come from?

    I would like to add some additional styling to the buttons, but cannot find the id attributes.

    Plugin Author Ipstenu (Mika Epstein)

    (@ipstenu)

    ?????? Advisor and Activist

    Are you asking how the API works? Honestly, I’m just envoking the API – https://codex.www.ads-software.com/Quicktags_API (how the API works is black magic to me).

    If you’re asking how the plugin calls my JS and CSS file, that’s just basic enqueues, which you can read in the plugin source code.

    Plugin Author Ipstenu (Mika Epstein)

    (@ipstenu)

    ?????? Advisor and Activist

    Posts that cross in the night.

    The API is putting it in. You need to use a browser Inspector or View Page Source to get all the CSS classes. Or read WP’s source code… I cheat and use Inspector, play with it till I understand it, and go from there.

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