Single post style

juvengle · December 2015

Hello I am looking to do something like this:

On this single post site: http://spellsandgames.com/improving-illustrations/

Can you point me how can I move things to do it correctly? And second question, is there a way to create only in single post a black background under the menu and not on all other pages too?

Thank you.

Albert · December 2015

Hi,

the url you sent above, does not work unfortunately. Site keeps loading and nothing happens.

juvengle · December 2015

It should work, www.spellsandgames.com/improving-illustrations/, care to try again? It works for me.

Albert · December 2015

Ok,, the url works fine now. However, we do not understand what you want to move exactly? But to make black background for header on single post pages, please use extra css:

.single-post #Top_bar { background: #000 !important; top: 0 !important; }

juvengle · December 2015

As I've sent this image:

I want to add title and date above the image, and menu above title and date (this is an example how I would like it to look)

Albert · December 2015

Ok, we missed that part, sorry. However, we did checked your page and we noticed that you are using Transparent header style. This is how this header type exactly works. Transparent means that it's transparent and any content goes behind the header. So or you will use another header type for pages or you must use extra css to move the content down:

body:not(.template-slider) #Content { padding-top: 100px !important; }

juvengle · December 2015

Where should I put it? Will this only work for that page that I am using it for? Not all of them?

Albert · December 2015

Above css should be pasted under Theme options > Custom CSS & JS > Custom CSS section and would be applied for all pages without slider. Is that what you want to do? If not, then please explain for what type of pages you want to use above css. Fir single posts, single pages or other?

juvengle · December 2015

For single post only

Albert · December 2015

So if you want to apply above css for single posts only, please use below css:

.single-post #Content { padding-top: 100px !important; }

Single post style

Comments