BG Bold

[rsmithsd]

Trying customize BG Bold themes home page but the content is not 100% width and height. The site is at http://ryanpatryck.com.

Thanks!

http://ryanpatryck.com

[Victor Font]

"Trying to customize" doesn't explain what you want to accomplish. Would you please be more specific?

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[rsmithsd]

I would like the front page content to stretch horizontally across the screen and be flush with site header vertically.

[Jamaluddin Rahmat]

Did you have been read the documentation?

https://github.com/bgardner/bg-bold

[rsmithsd]

Yes, I followed the instructions but they did not address this issue.

[Victor Font]

Look style.css at line 201. Your .site-inner has a max-width set to 720px. Change that to 100%.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[rsmithsd]

Thanks everyone. I gave up. When I made the changes safari didn't update though it did in Chrome and Firefox. I'll try another theme.

[Victor Font]

You need to force the reload of the style sheet in some browsers because of their caching. That's going to happen with any theme. Hold down the shift key while you refresh the page.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[pareshking]

Victor Sir, I have modified the CSS line 201.

But i found that my blog page is layout is getting full page layout, which is not reader friendly.

Can you help me to correct blog page template.

---

Paresh Patel

[Victor Font]

Peresh, You can adjust the width to whatever number of pixels you find aesthetically pleasing. You choice is a fixed number of pixels or a percentage of screen width.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[pareshking]

Sir, here is link of sample blog page

http://www.financialengineer.info/2015/10/27/sample-post/

I am not able to make it like this page where text is aligned center. (http://briangardner.com/remove-pages-from-search/)

Requesting, Please suggest some solution.

---

Paresh Patel

[Jamaluddin Rahmat]

@pareshking

Change your .site-inner max-width: 720px;

Your max-width now is 100%.

[pareshking]

Rahmat Sir,

If i changes .site inner max width to 720 px then front page is getting smaller.

FYI. i changed max-width just to overcome front page width issue (see the answer of Victor Sir)

Can you please suggest possible solution.

---

Paresh Patel

[Jamaluddin Rahmat]

@pareshking

If you want to make like Brian Gardner site, you have to build your own front-page.php
Add classes .front-page in your front-page.php or anything name you like.

And add CSS code.

.front-page .site-inner {
max-width: 100%;
padding: 0;
}

The BG Bold master just for example.
I think that is a STARTER THEME.
You can't have exactly like briangardner.com if don't tweak it.

[Author]

Posts