Adelle Theme Title and Tagline

sugarandbuttons · Member · May 7, 2015 at 9:37 pm
Copy link

Add topic to favorites
Hi
I am trying to centre my site title and tagline in the Adelle theme. I have tried various different code I have found but can’t find one that works. Can anyone point me in the right direction?
Thank you

The blog I need help with is sugarandbuttons.com.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · May 8, 2015 at 12:16 am
Copy link
Hi there, to center the title and tagline in Adelle, add the following custom CSS.
```
.site-header hgroup {
    text-align: center;
}
```
sugarandbuttons · Member · May 10, 2015 at 9:30 pm
Copy link
Thank you so much :)
Would you know how to centre post titles as well?
sugarandbuttons · Member · May 10, 2015 at 9:35 pm
Copy link
Also, would you know how to centre the menu? Sorry for all the questions!
thesacredpath · Member · May 11, 2015 at 4:07 pm
Copy link
To center page and post titles, add the following CSS.
```
.entry-title, .entry-meta {
    text-align: center;
}
```
To center the menu, add the following media query which limits this change to 601px and wider screens/windows so we don’t inadvertently cause issues with the touch device menu at 600px and narrower.
```
@media screen and (min-width: 600px) {
	.menu-menu-1-container {
		text-align: center;
	}
	.menu-menu-1-container ul {
		display: inline-block;
		height: 35px;
	}
}
```
sugarandbuttons · Member · May 11, 2015 at 7:05 pm
Copy link
Thank you so much!
Small problem though, my menu drop downs are see -through?
thesacredpath · Member · May 12, 2015 at 12:27 am
Copy link
Ah, let’s use the following to add a background to them and also set a hover color for them. You can edit the colors as desired.
```
.navigation-main .sub-menu li {
    background: #fff !important;
}
.navigation-main .sub-menu li:hover {
    background: #eee !important;
}
```
sugarandbuttons · Member · May 12, 2015 at 4:07 pm
Copy link
That’s worked, thank you so much for your help!
thesacredpath · Member · May 12, 2015 at 5:10 pm
Copy link
You are welcome.
afterdarksewing · Member · May 18, 2015 at 9:44 am
Copy link
Hi,
Can I jump in here and ask where you put the code to centre the menu?
Thanks!
kathrynwp · Staff · May 22, 2015 at 3:00 pm
Copy link
Beth – please start a new thread and provide a link to your site, thanks.
kathrynwp · Staff · May 22, 2015 at 3:02 pm
Copy link
Beth – sorry, I misread your question. CSS code gets added to the CSS panel in the Customizer if you have a site with Custom Design.
afterdarksewing · Member · May 30, 2015 at 10:33 am
Copy link
Ah OK, I have to pay. Thanks!

No items found.