Frontpage Header Text align left

Resolved thecontentbug
(@thecontentbut)

8 years, 11 months ago

Hello!

I am trying to make some upgrades to my website, and I cannot figure out how to move the front page banner text to align to the left.

I figured out how to move the Banner Heading to align left with this CSS:

.frontpage-banner.image-banner .block-title {
.Align left
float: left;
margin: 5px 610px 20px 0;
Font-size: 32px;
}

However, I cannot get the rest of my content from the Banner Text area to align with the Banner Heading.

If you have a CSS that would be able to access this area to match the heading that would be extremely helpful!

This is what my website looks like now:

My goal is to use CSS to have the text look something like this (with a new picture in the background):

Thank you for your help!
Cathrin
http://thecontentbug.com/

Viewing 7 replies - 1 through 7 (of 7 total)

AddWeb Solution
(@addweb-solution-pvt-ltd)

8 years, 11 months ago

Hello thecontentbut,

Try below css code.

.frontpage-banner.image-banner .container { float: left; }

Hope this will helps you.

Thanks!

Thread Starter thecontentbug
(@thecontentbut)

8 years, 11 months ago

That only made a small shift to the content. I want it predominately on the left.

Is there any more padding or something I could add that would make a difference?

Thanks!
jarektheme
(@jarektheme)

8 years, 11 months ago
Hi there,

I’m not sure if this is what you want but you can paste this css:
```
.frontpage-banner .block-title {
    text-align: left;
}

.frontpage-banner.image-banner .description {
    text-align: left;
}

.frontpage-banner .block-title:after {
    left: 0;
    margin-left: 0;
}
```
Hope that helps. Feel free to reach out if you need anything.
Thread Starter thecontentbug
(@thecontentbut)

8 years, 11 months ago

Thanks for the response! That’s not exactly what I’m looking for.

The goal is to float the text to the left but keep it paragraph style centered. The image I attached previously is a pretty good example of what I mean.

The problem I’m having to the responsiveness of the site. It seems as though I can shift the placement and keep it paragraph center but when it tries to fit into small browser styles it gets cut off and goes off the screen.

I’m not sure if there is a solution to this. But any help would be appreciated!

Thanks!

jarektheme
(@jarektheme)

8 years, 11 months ago

Hi there,

Have you found a solution for this issue? I had a look at your site and it seems your banner text is floated to the left and center aligned.
Please can you confirm that you are still need any help with this?

Best regards

Thread Starter thecontentbug
(@thecontentbut)

8 years, 11 months ago

I ended up figuring out on my own this morning!

Thanks for your help!

jarektheme
(@jarektheme)

8 years, 11 months ago

I’m glad to hear that 🙂

Feel free to reach out if you need anything.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Frontpage Header Text align left’ is closed to new replies.

Tags