Posts Page Layout

Regarding sidebar please read:

http://mtomas.com/389/tiny-forge-framework-child-themes-comprehensive-guide#Sidebar

To remove title on that particular page you can use:

.home .entry-title {
display: none;
}

Check the source of other pages and replace .home with other distinct class of BODY.

About divs, just google:

HTML Div

and then styles:

CSS background
CSS background image

in most cases you will get there: http://www.w3schools.com/css/css_background.asp

Sidebar: having in mind your experience, I suggest you using that plugin.

Just post that code at the very end under custom css.

first add:

padding: 20px;

for that div in front page.

BG image for post page you can do via style.css same as with div.

In order to add banner most likely you have to copy index.php to home.php and edit it.

That’s because you made that div wider than the paren container (div). Try this:

background-image: url(“http://eblireads.com/wp-content/uploads/2014/01/65253.png”);
max-width: 615px;
height: 690px;
color: white;
font-size: 20px;
padding: 20px;

Of course you will have to tweak it more to get it look nice.

I suggest you to use FireFox Inspector to see what styles are affecting the elements:

You can activate it with: CTRL+SHIFT+I

and select the element you need with the mouse. Also it will let you see the dimensions of those elements.

Keep experimenting, open FireFox Inspector in mobile view and try to analyze css code, try changing or enabling/disabling certain parameters in the Inspector style toolbar to see what happens.

It’s business as usual – one will have to work hard to learn things 😉

But don’t forget padding, otherwise that box looks strange 😉

It should look good to get into the showcase:

http://mtomas.com/363/showcase-tiny-forge-theme-site-mod

:)))