Not resolved

Site Title and a Logo at the same time?

Ultra Theme started by rictans May 19, 2015 38 replies
rictans May 19, 2015 · 3:11 am #1549

Hello again,
Can I have a Site Title and a Logo at the same time?

Thanks,
Ric

Andrew Misplon Puro May 26, 2015 · 7:00 pm #1635

For sure, this is a custom child theme for you guys so if you aren’t going to use the logo I’ll set things up differently.

What’d I’d recommend doing is copying all our custom styles from Appearance > Editor > style.css to Appearance > Custom CSS. It’s just a little easier to manage it there. I think so far that will be:

/* Site Header */

.site-header .site-branding a,
.site-header .site-branding .site-title-wrapper {
	display: inline-block;
	vertical-align: middle;
}

.site-header .site-branding a {
	margin-right: 10px;
}

.site-header .site-branding-container {
	max-width: 70%;
}

.site-header .site-branding h1.site-title {
	font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif;;
}

.site-header .site-branding h1.site-title a {
	color: #333;
}

/* Main Menu */

.main-navigation {
	max-width: 30%;
}

I’ve added the site-title link rule above. Change #333 to your preferred color.

I’ll have a boxed layout option in the next update but a footer only boxed layout will need to be custom for the moment. I’ll whip that up tomorrow morning and send it through then.

rictans May 26, 2015 · 7:06 pm #1637

Andrew… thanks for the above… I will give it a try…
Have a good night.
Ric.

Andrew Misplon Puro May 26, 2015 · 7:07 pm #1638

For sure. Let me know how it goes. I’ll get back to you with a boxed footer ASAP.

rictans May 26, 2015 · 7:48 pm #1639

Andrew… what size is the logo set to and where is it set?

Andrew Misplon Puro May 27, 2015 · 11:27 am #1644

Hi Ric

Please give the following a try:

/* Boxed Footer */

#colophon {
  margin: 0 auto;
  max-width: 85.7143rem;
}
rictans Jun 13, 2015 · 9:11 am #1694

Hi Andrew… got a request… the site title does not line up with the tagline… eg.

Logo Site Title
Tagline

How can I line up the two? (I am using Sticky Header also)

Logo Site Title
Tagline

Thanks Andrew
Ric

Andrew Misplon Puro Jun 13, 2015 · 12:01 pm #1695

Hey Ric

This is what’s required:

.site-header .site-branding h1.site-title { 
	display: inline-block; 
}

.site-header .site-branding h2.site-description { 
	display: inline-block; 
}

.site-header .site-branding-container { 
	max-width: 66%; 
}

.main-navigation {
	max-width: 34%;
}

However we already have most of these selectors in use in your Custom CSS so please make changes where applicable and insert new declarations where applicable. That way we’re not doubling up and/or adding unnecessary CSS. Let me know if you need a hand.

39 posts