Change Sub-Menu width

Posted in: Newspaper
Post count: 2
Nadine
#198328
Oct 20, 2017 at 4:33 pm

Hello,
I have two questions:

Is it possible to change the width of submenu (2 and 3. level)? Which class would have to be adapted here?

Is it possible to make the “square” icon smaller for enumerations, for example <ul style=”list-style-image: none; list-style-type: square;”> the icon “square” smaller and possibly in a different color?

Thanks!
nadine

Post count: 20688
Simion C.
#198466
Oct 23, 2017 at 9:43 am

Hi,

You could change the width of the sub-menus list, try something like this example for both sub-menu and sub-sub-menu at once, or separate the code for each level
– https://www.screencast.com/t/HlP9tLVNGy7i
– https://www.screencast.com/t/IXQKiOMSqU

.sf-menu > li.td-normal-menu > ul.sub-menu,
.sf-menu .td-normal-menu ul {
width: 11em!important;
}

I believe the square list style type icon is directly affected by the size and color of the font itself
– https://www.screencast.com/t/Pq3hCTNPe
The font properties of the lists in the post content can be customized in the theme panel
– https://www.screencast.com/t/fS8cpaN9d9fT
You could use your own image instead or use some tricks to customize the lists
– https://www.w3schools.com/cssref/pr_list-style-type.asp
– https://css-tricks.com/almanac/properties/l/list-style/

Thanks

Viewing 2 posts - 1 through 2 (of 2 total)
The forum ‘Newspaper’ is closed to new topics and replies.