Can't center menu

  • Resolved treebranchmedia

    (@treebranchmedia)


    11 years ago

    I can’t get the menu to center on the page:
    https://discoveringyourgoddess.com/portfolio-items/spiritual-development/

    I have specified the following css style:

    .dyg-pink-buttons-short ul{
	text-align:center !important;
	margin:0 auto;
	padding:0px;
	width:900px !important;
}

.dyg-pink-buttons-short li {
       display:inline;
}

.dyg-pink-buttons-short a {
	text-transform:lowercase;
	background-color:#DED8E4;
	background-image: url(/wp-content/uploads/button-blight-purple-linen3.jpg);
	border:1px solid #ECE5F1;
	border-radius:0px;
	padding:12px 8px 12px;
	margin-left:5px;
	margin-right:5px;
	line-height:70px;
	white-space: nowrap;
}

.dyg-pink-buttons-short a {
	color:#4E3D7A !important;
	text-transform:lowercase;
}

.dyg-pink-buttons-short a:hover{
	color:#ffffff !important;
	background-color:#4E3D7A;
	background-image: url(/wp-content/uploads/button-dark-purple-linen2.jpg);
	border:1px solid #9786AE;
	border-radius:0px;
}

.dyg-pink-buttons-short a:hover{
	color:#ffffff !important;
	}

    I have tried both:

    [shortmenu menu="Spirit Page Buttons" class="dyg-pink-buttons-short"  display="block"  enhance="false" ]

[shortmenu menu="Spirit Page Buttons" class="dyg-pink-buttons-short"  display="inline"  enhance="false" ]

    https://www.ads-software.com/plugins/shortcode-menu/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Amit Sukapure

    (@amitsukapure)

    Just add text-align:center to menu,

    .shortcode_menu {
margin: 0.5em 0;
padding: 0 0 0 1.5em;
text-align:center;
}

    Plugin Author Amit Sukapure

    (@amitsukapure)

    Hope you have solved your issue. I’m marking this thread as resolved.

    Hi, I’m too trying to center the menu, I’ve used the shortcode:
    .shortcode_menu {
    margin: 0.5em 0;
    padding: 0 0 0 1.5em;
    text-align:center;
    }
    But this is not working, can you please help?

    Thank you

    Plugin Author Amit Sukapure

    (@amitsukapure)

    Please share your URL.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Can't center menu’ is closed to new replies.