Styling menubar.php Links?

[William Grimsley]

Hi Ken/others,

Is it possible, to style the menubar.php links like the flyout-menu.xml links? e.g. the flyout-menu.xml links seem to have a slight margin from the border edge whereas the menubar.php links don't. I would like to either put a margin on the menubar.php links or delete the margin from the flyout-menu.xml links.

I've looked in the weather-screen-blue-narrow.css file but under the entries:

.leftSideBar ul {

.leftSideBar li {

.leftSideBar a {

But, I couldn't find anything to change the margins....

Please can someone help?

Thanks,

William

[William Grimsley]

Hi Ken/others,

Please can I have some help?

Thanks,

William

[BCJKiwi]

A site wide editor search for 'leftSideBar' (the Class= in menubar.php), shows those entries in;
weather-screen-php.css - with margin settings
weather-screen.css - with margin settings
weather-screen-blue-narrow.css - with margin settings

You will need to sort out which is used where and change the relevant one only.
If you do change something here it is likely to affect something else as you can never be sure of all the places an individual style might be used.
So when you do find the right one it might pay to add a new item with a slightly different name and call that so as not to affect other things.

You also have the situation that the flyout code sits inside the menubar code and is all generated by some smart code using lists. So you have lists inside lists.

I have made some style changes in this area by simply moving all the menubar items into the flyout menus so there are no menubar items used any more.

[William Grimsley]

A site wide editor search for 'leftSideBar' (the Class= in menubar.php), shows those entries in;
weather-screen-php.css - with margin settings
weather-screen.css - with margin settings
weather-screen-blue-narrow.css - with margin settings

You will need to sort out which is used where and change the relevant one only.
If you do change something here it is likely to affect something else as you can never be sure of all the places an individual style might be used.
So when you do find the right one it might pay to add a new item with a slightly different name and call that so as not to affect other things.

You also have the situation that the flyout code sits inside the menubar code and is all generated by some smart code using lists. So you have lists inside lists.

I have made some style changes in this area by simply moving all the menubar items into the flyout menus so there are no menubar items used any more.

Hi BCJKiwi,

Thanks for your reply.

I think I understand what you mean, here. Though, I am wanting to just change the margin of the menubar.php links to match the flyout-menu.xml links.

Thanks,

William