Joomla Templates Club 406,261 posts

[Darren Scott Friend Darren ScottJoin date: September 2014Posts: 46Downloads:0Uploads:7 Thanks: 5]

#178963

Here’s an image describing what the problem is. We’d like to know how to code the justification of the menu buttons to all line up. As you can see, the secondary categories line up with the button graphic and not the txt.

Any help will be great

Thanks

Darren

---

Attachments:

1. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#460480

<em>@dnasport 329458 wrote:</em><blockquote>

Here’s an image describing what the problem is. We’d like to know how to code the justification of the menu buttons to all line up. As you can see, the secondary categories line up with the button graphic and not the txt.

Any help will be great

Thanks

Darren</blockquote>

You can try adding this code to the bottom of your template.css – it will style them like the other buttons and you only see them obviously when the parent menü item is clicked.

.jshop_menu_level_1 a {background: url(../images/pattern-red.gif) #CF1F18 < use one to match your theme
color: white;
font-weight: bold;
display: inline-block;
padding: 2px 25px 2px 15px;
text-decoration: none;
text-shadow: 1px 1px 0px #BF2E2D
border-radius: 10px;
-webkit-border-radius: 10px;
margin-bottom: 8px;
overflow: hidden;
}

Or you can just add some left padding or a margin!! :p

[Darren Scott Friend Darren ScottJoin date: September 2014Posts: 46Downloads:0Uploads:7 Thanks: 5]

#460487

Works gr8 thanks!

D

[Darren Scott Friend Darren ScottJoin date: September 2014Posts: 46Downloads:0Uploads:7 Thanks: 5]

#460490

Just noticed this, is htere an easy way to fix?

---

Attachments:

1. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#460494

<em>@dnasport 329482 wrote:</em><blockquote>Just noticed this, is htere an easy way to fix?

</blockquote>

You’ll need to drop me a url to see!! 🙂

[Darren Scott Friend Darren ScottJoin date: September 2014Posts: 46Downloads:0Uploads:7 Thanks: 5]

#460495

No problem, here’s an example

http://dnasport.us/index.php?option=com_jshopping&controller=category&task=view&category_id=102&Itemid=508

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#460499

<em>@dnasport 329491 wrote:</em><blockquote>No problem, here’s an example

http://dnasport.us/index.php?option=com_jshopping&controller=category&task=view&category_id=102&Itemid=508</blockquote>

Can you set optimise css to NO in template manager please – otherwise I can’t see the real css just the compressed one.

Merci!

[Darren Scott Friend Darren ScottJoin date: September 2014Posts: 46Downloads:0Uploads:7 Thanks: 5]

#460501

ok, done thanks

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#460503

Try adding this code at the end and see if it brings in how you want – all aligned to sit under the parent category heading. Or am I assuming too much!! :p

.jshop_menu_level_1_a {background: url(../images/pattern-red.gif) #CF1F18
color: white;
font-weight: bold;
display: inline-block;
padding: 2px 25px 2px 15px;
text-decoration: none;
text-shadow: 1px 1px 0px #BF2E2D
border-radius: 10px;
-webkit-border-radius: 10px;
margin-bottom: 8px;
overflow: hidden;
}
.jshop_menu_level_2 {
background: url(../images/pattern-red.gif) #CF1F18
color: white;
font-weight: bold;
display: inline-block;
padding: 2px 25px 2px 15px;
text-decoration: none;
text-shadow: 1px 1px 0px #BF2E2D
border-radius: 10px;
-webkit-border-radius: 10px;
margin-bottom: 8px;
overflow: hidden;
}


Hope that works for you.

[Darren Scott Friend Darren ScottJoin date: September 2014Posts: 46Downloads:0Uploads:7 Thanks: 5]

#460840

Will try, again… thanks for all of your help

[Author]

Posts