Align header text in Goren theme

chrmarketing · Member · Apr 6, 2015 at 3:05 pm
Copy link

Add topic to favorites
I have a custom header uploaded and want to ALSO have the header text be visible. This would be for the home/front page.

Looking to see if there’s a way to align the header text so everything runs in a straight horizontal line? Basically everything would be the same vertical height as the logo and menu items.

Thanks!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Apr 6, 2015 at 10:52 pm
Copy link
On your main page, I’m seeing the site title as Billing Services. As I understand, you want that to the right of your logo and to the left of the navigation. On a responsive width the such as Goran, this will be problematic on narrower screens/windows and would go awry at about 1200px in width. You can see this by widening and narrowing your browser window to see how things change.

We could do this, but we would have to limit to screens/windows 1200px and wider. Let me know your thoughts.
chrmarketing · Member · Apr 7, 2015 at 1:36 pm
Copy link
Yes correct. I would like to try this.
thesacredpath · Member · Apr 9, 2015 at 5:02 pm
Copy link
Hi, after making the change, I’ve had to limit this to screens 1230px and wider or it cause overlay issues with the logo and menu. Add this to the bottom of your custom CSS and see what you think.
```
@media screen and (min-width: 1230px) {
	.site-title {
		position: absolute;
		top: 94px;
		left: 300px
	}
}
```
chrmarketing · Member · Apr 9, 2015 at 7:02 pm
Copy link
I then applied that to the end of my CSS, and alignment looks good now, but the content in the body still bumps up into the header.

Screenshot: http://d.pr/i/ZDYr

URL: https://chrbillingservices.wordpress.com/solutions/process/
chrmarketing · Member · Apr 10, 2015 at 8:06 pm
Copy link
Hey changing direction a little bit. Do you know if there’s any CSS that can resize my featured image.

I’ve tried:
body.hero-image .hero.with-featured-image
{
height: 10%;
}

It doesn’t seem to affect the actual height of the image. Do you know if this is possible.
thesacredpath · Member · Apr 11, 2015 at 2:45 pm
Copy link
I then applied that to the end of my CSS, and alignment looks good now, but the content in the body still bumps up into the header.

See the other post. I’ve adjusted the CSS a bit using slightly different CSS selectors.

On the height of the featured images on pages, it is actually a top padding that determines the height. Give this a try and adjust as desired. It will result in some cropping of the bottom part of the image.
```
.hero-image .hero {
    padding-top: 200px !important;
}
```

No items found.