Site Title and a Logo at the same time?

This topic has 38 replies, 3 voices, and was last updated 9 years, 6 months ago by Andrew Misplon.

Tagged: Site Title Logo ultra

Author
Posts
May 26, 2015 at 6:39 pm #1634

rictans
Participant
Hi,
OK… as long as you know there is 2 site titles if no logo is used. I will use a logo.
VERY VERY IMPORTANT… please advise as to change the SITE TITLE color. Tried with Simple Custom CSS but not successful.
Another thing… if I am going forward with this theme, I need a boxed footer… thank you and thank you for being on top of things.
Ric.
May 26, 2015 at 7:00 pm #1635
Andrew Misplon
Keymaster
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.
May 26, 2015 at 7:06 pm #1637

rictans
Participant
Andrew… thanks for the above… I will give it a try…
Have a good night.
Ric.
May 26, 2015 at 7:07 pm #1638

Andrew Misplon
Keymaster
For sure. Let me know how it goes. I’ll get back to you with a boxed footer ASAP.
May 26, 2015 at 7:48 pm #1639

rictans
Participant
Andrew… what size is the logo set to and where is it set?
May 26, 2015 at 7:57 pm #1641

Andrew Misplon
Keymaster
The logo will be automatically constrained to 92px in height. You can add your logo from Appearance > Theme Settings > Header.
Documentation Page: https://purothemes.com/documentation/ultra-theme/theme-settings/header/
May 27, 2015 at 11:27 am #1644
Andrew Misplon
Keymaster
Hi Ric
Please give the following a try:
```
/* Boxed Footer */

#colophon {
  margin: 0 auto;
  max-width: 85.7143rem;
}
```
June 13, 2015 at 9:11 am #1694

rictans
Participant
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
June 13, 2015 at 12:01 pm #1695
Andrew Misplon
Keymaster
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.
Author
Posts