Alignment of checkboxes in a sidebar search widget

  • aobuchowska

    #5005

    I am using the WPS Post Type Search widget in the sidebar area. However, the checkboxes are all inline. What can I do to put the checkboxes in separate rows? I do not know much about CSS. I would greatly appreciate any suggestions.

    Josh

    #30243

    What is the url to a page showing the issue so we can take a look?

    aobuchowska

    #30244

    Thank you very much for your reply. The url of the page is: http://webridgeinnovation.com/contact-us/

    Josh

    #30245

    Okay,

    Unfortunately, there is no easy way to do this without tweaking core code for the plugin… which is never a good idea.

    Does the plugin author perhaps have a forum where you can mention this issue to them?

    Basically, you need to insert a <br /> tag after the input type and label for each checkbox being generated.

    aobuchowska

    #30246

    Thank you for your reply. I contacted the plugin’s author and was told I need to change the theme’s CSS. I tried changing different pieces of code from “inline” to “block” in the CSS but nothing works. Could you please tell me where I should I insert the
    tags, in the CSS or php of the plugin?

    Josh

    #30247

    Tell the author that would have been possible if he would have coded it as a list rather than as inline styles. Especially since all the <input> tags have NO class or id associated with them.

    But, that’s beside the point. To fix it using my method would require editing the PHP.

    We can try this in css.. but I doubt it will work. But… let’s get it a try:

    #searchform input {
    display: block;
    }
    Mod

    Kenneth John Odle

    #30248
    Quote:
    I contacted the plugin’s author and was told I need to change the theme’s CSS

    This is wrong. The issue is not with the theme’s CSS, but with the structure of the plugin.

    This is a long shot, but try adding this to your child theme style sheet or Custom CSS:

    #pt-search-3 input {display:block;}

    Quote:
    where I should I insert the tags, in the CSS or php of the plugin?

    Don’t edit the plugin’s files directly; else, you risk losing your mods the next time the plugin is updated. You can safely add CSS to modify a widget in your child theme CSS or in Graphene’s Custom CSS.

    Mod

    Kenneth John Odle

    #30249

    Okay, so I just read this: http://wordpress.org/extend/plugins/wps-post-type-search/

    and it says

    Quote:
    This widget adds no additional styling or javascript to your site leaving you in full control.

    so it seems the author of the plugin intends you to use some CSS to get it the way you want.

    aobuchowska

    #30250

    Thank you very much to Josh and Kenneth for your suggestions. They both work by putting the boxes under each other. However, the labels are also underneath the checkboxes. Is there a way to put the label of each checkbox inline with the checkbox? I would greatly appreciate it.

    Mod

    Kenneth John Odle

    #30251

    Long shot, but this might work:

    #pt-search-3 label {float:right;}

Viewing 10 posts - 1 through 10 (of 14 total)

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!