2016-06-18

My blog: http://friendsojpblog.blogspot.com/

The questions below relate to the circled numbers shown on the attached
file.

I would like to eliminate the 'Title and the Description' Header section, as noted with #1, so it looks like the image on the right (as shown with the red arrow).

Because the blog scrolls as more is added, this Header disappears from view.

Since I am using this in an iframe, my plan is to add a stationary Title/Description header image above the iframe.

Other sections in the blog can be deleted within Blogger's layout options, but I can't find a way to eliminate the header. Is there a way to eliminate the Header?

When I removed the background image, I chose a solid color.

In this attachment, the background is a medium gray, and the narrow border is a light gray.

I want the Background to be white, transparent or preferably eliminated completely, but when I chose white or transparent from Settings, the color of the narrow border turns white.

Is there some way to set the Background color and still maintain the light
gray narrow border? Or better yet, eliminate it completely?

The 'box' containing the Archive has a dark gray background.

This makes it hard to read the text, no matter what text color I choose.

Is there some way to change the background color of this box?

I have the width of the blog set to the minimum of 500 pixels.

I would like to make it somewhat narrower, but I cannot find any way to do this.

Is it possible to make it narrower?

Screenshot of my Blogger:



Update: 7/7/2016

Dani:

Here is the CSS code I added. It is the only CSS code for The Park Blog.

You added a 1B to your previous answer. All your steps seemed to work, and changes appear saved. However, after step 7, when I view my blog, nothing has changed. When I then recheck the steps, ‘false’ has been replaced with ‘true’, and the Header element is back. I tried this several times, and the results were always the same. Did I miss a step?

Blog min-width. It does not work for me, unless I coded it wrong. Viewing the Page Source, lines 487-494, shows a ‘template-skin-1’, with a min-width: 500px, which appears to override the CSS code I added. I cannot find a way to change this ‘template-skin-1’ code.

Show more