Joomla Templates Club 406,261 posts

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#187392

I have added a menu in the corner-stamp position to sort the order of the articles in blog layout view but it looks ugly. The menu options are displayed as an unformated bullet point list. (e.g. http://therebel.org/blog) I’d be happy with Joomla’s classic menu look, the way it used to be displayed in module positions on the left or right. I just can’t work out which module class suffix to use to achieve that affect or how else to do it.

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#492565

Hi andrewwinkler,

Corner-stamp is just a place for you to put the module.
You should add some css styles for the module itself.

You can hire a css developer to help you.

If you just want to remove the bullet point. you can try this.

Open /templates/ja_wall/css/templates.css and add

.container-main .corner-stamp ul li {
background-image: none;
/* any other style can be add here*/
}

Regards

1 user says Thank You to Wall Crasher for this useful post

1. Andrew Winkler

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#492764

I was able to make it look a bit better but it is still far form looking like a traditional joomla menu normally would look like in ‘left’ or ‘right’ module position. (see http://therebel.org/editorial)

In particular I would like to get rid of the margin on top and at the bottom of the menu.

The CSS code I’m using in the template.css file is this:

.container-main .corner-stamp ul li {
border: solid 1px #ddd
background: url(../images/bg-menu.gif) repeat-x left bottom #fefefe
color: #666
padding: 5px 10px;
margin: 0px 0px;
}

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#492779

Hi,

You can overwrite that margin by adding this css rule

.content-inner .corner-stamp ul {
margin: 0;
}

Regards

1 user says Thank You to Wall Crasher for this useful post

1. Andrew Winkler

[Author]

Posts