Support Forum

Resize Main Header Drop Down Fields

EK Edward Koon
Edward Koon
Member

Asked this once before, someone answered, but i couldn’t find what to edit in reboots css file. Since i’m working on SP today would like to tackle this as well.

Is it possible to resize topics and select forum drop down selection fields to fit better in a single line?

Thanks, Ed

resize_dropdowns.jpg

8 Answers

New Answer

IK Ike
Ike
Member

Hey Ed,

Absolutely – Assuming you are running a child theme, just add the following to your stylesheet:

#spMainContainer #spQuickLinksTopic,
#spMainContainer #spQuickLinksForum {
    width: 150px;
}

You can of course change the 150px for whatever width works best, but I think that’s probably as small as you should go!

Hope that helps.

EK Edward Koon
Edward Koon
Member

Hi Ike, thanks for your help. Unfortunately that didn’t work.

I cleared my CloudFlare cache and entered dev mode. Pasted that snippet in my themes custom css area. When that didn’t work I pasted it into reboots main css file and that didn’t work either.

Regards, Ed

From: Simple:Press Support Sent: Wednesday, April 01, 2015 6:13 PM To: fidosysop@gmail.com Subject: New Forum Post – Simple:Press: [Resize Main Header Drop Down Fields]

IK Ike
Ike
Member

OK, just a couple of quick checks –

When you say you pasted it into reboots main css file, I take it that means you are using either a child theme or the child theme framework? If not and we’re talking about reboot.php, you will need to make sure it comes after the standard rule, so best thing to do is paste it at the very end of the stylesheet (making sure it’s not inside media rules).

Is your themes custom CSS area the SP theme editor? Or do mean a WP theme ‘custom includes’ box? I’ve not tried forum CSS in the latter, but just a note – if you’re just using the stock reboot theme, the width is defined by a variable in the overlay so I couldn’t say if that would cause it to be ignored.

EK Edward Koon
Edward Koon
Member

Hi Ike, I have a responsive theme “DaisyChain” that has a custom css code section in it’s options that i first pasted the code into. When that didn’t work i pasted the code at the bottom of reboots content.css file. As far as child theme or framework i have no idea. A little over my head.

Thanks for your help.

Ed

YS Yellow Swordfish
Yellow Swordfish
Member

Child themes are recommended simply because they will not be updated by us at any time and thus preserves and safeguards your custom changes while still allowing the parent theme to be updated.

IK Ike
Ike
Member

It should work if you put it at the bottom of reboot.php (not content.css) but as Andy explained you will loose it on the next update.

Best thing to do is to check out child themes and scroll down to the ‘Child Theme Frameworks’ section. Download the reboot child theme framework from the members themes, you can just add the rule to ‘reboot-child.css’ and load reboot-child from the Forum > Themes page, assuming you haven’t made any other changes to the parent theme reboot.

If you have, you can always copy those into reboot-child too.

Well worth it for little tweaks like this!

EK Edward Koon
Edward Koon
Member

Thanks Ike, it worked like a charm adding and editing the child theme!

Regards, Ed