The Notable Topic - Championship Formatting Improvement

I published this weblog to the "Notable" theme of the "Responsive" shape templates, inward Feb 2018.

I never pass a lot of fourth dimension tweaking together with making weblog formatting changes - at that topographic point are thus many other Blogger issues to write about. But that ugly big dark box, at the transcend of each post service page, was inward my listing of improvements needed.

And final week, I establish the motivation, together with instructions, to ameliorate the hold off of this blog.

Related


The big dark box title, inward the Notable page / post service page, bothered me for several months.

Last week, I improved the look, inward my private page together with post service pages.

Look at what I had, before this year.

If yous published your weblog using "Notable", yous accept the same ugly page / post service title.

When I knew where to tweak, this was a x infinitesimal tweak - using the Template Designer "Advanced" menu.

First, I changed the colors.

The "Notable" default "Post championship color" together with "Post championship background color".



"ffffff" together with "5e5c61", respectively. Ugly. You tin examine an example post service inward my present blog - together with compare alongside the same post, inward this blog.

For those of yous who don't realise - the "Responsive" themes accept a cornucopia of settings, for "Individual Post or Page", that may non survive visible to you. I wonder how many weblog owners never run across these other settings?

Zoom out, five clicks, to run across the many settings that yous tin make. The Template Designer may non back upwards "Zoom" - thus Zoom some other tab inward the browser window, together with then provide to your Template Designer session.

Look at all of the settings, for "Individual Post or Page"!



Then, dorsum to this Template Designer session.

My weblog novel "Post championship color" together with "Post championship background color".



"5e5c61" together with "ececec", respectively. You tin run across the results, here.

Next, I removed the box.

Having made the post service championship prettier, I side past times side resized it, to non block out thus much covert space.

Using "Add CSS", I added i rule, obtained from reading the correct forum post.

body.item-view .Blog .post-title-container{
padding-bottom:20px;
padding-top:10px;
width:100%
}

Compare the result.

Look at this post service - together with compare alongside my present Notable weblog post, which retains the big dark box. Decide for yourself - I know which option I prefer.



I upgraded this weblog to role the "Notable" theme inward the exciting novel #Blogger "Responsive" shape templates, inward early on 2018. I ever considered the big dark box title, inward the page / post service pages, to survive ugly.

Last week, I was able to brand this weblog a flake prettier, using x minutes of my fourth dimension - together with the Template Designer Advanced menu.

https://productforums.google.com/d/topic/blogger/WCsvp-oqR_Y/discussion

Related Posts

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel