col-" AND also has the .dynamic-sidebar-column class. This makes the rule apply globally while being specific enough to override the theme. */ div[id^="col-"].dynamic-sidebar-column { width: 280px !important; /* Adjust this value to your desired width */ flex-grow: 0 !important; flex-shrink: 0 !important; } /* Styling for the programmatically generated sidebar (V7 - Final) */ .sidebar-menu-generated { font-family: 'Montserrat', sans-serif; border: none; padding: 15px; } /* Make the Library H3 link look like the other links */ .sidebar-menu-generated h3, .sidebar-menu-generated h3 a { font-size: 1.2em; font-weight: normal; margin-top: 0; margin-bottom: 15px; text-align: left; text-decoration: none; color: #0000EE; /* Standard link blue */ } /* Main list holding all top-level categories */ .sidebar-menu-generated .category-list { list-style-type: none; padding: 0; margin: 0; } /* General style for category and kit links */ .sidebar-menu-generated a { display: block; text-decoration: none; color: #0000EE; } /* Top-level category links */ .sidebar-menu-generated .category-item > a { padding: 8px 10px; font-size: 1.1em; } /* The nested list of kits inside the active category */ .sidebar-menu-generated .kit-list { list-style-type: none; padding-left: 20px; /* This indents the kit list */ margin: 5px 0 10px 0; } /* Links inside the kit list */ .sidebar-menu-generated .kit-list a { padding: 5px 10px; font-size: 1.0em; } /* CHANGE: Universal 'active-link' style. Any link with this class will now be bold. */ .sidebar-menu-generated a.active-link { font-weight: bold !important; } /* Styling for the two-line kit title and subtitle */ .sidebar-menu-generated .menu-item-title { display: block; } .sidebar-menu-generated .menu-item-subtitle { display: block; font-size: 0.9em; color: #555; font-weight: normal; /* Ensures subtitle isn't bold when the link is active */ } .bonuses-title { font-weight: bold !important; color: #333; /* Optional: make it darker or use a special color */ }