Date above title

[scrambler]

For archives, you need to look for an archive widget on wordpress.org.

There are various possible ways to overlay and add on top of the header, we need a link to the site to see which one would be best

[Wasserwerk]

http://fmw-mit-wp.de.w01199d4.kasserver.com/
user: 2015 pw: Design
thanks

[scrambler]

The easiest would probably to put it in Main Options > HEader > Site Title Tagline > Header Extra HTML box, and select the option “Move Extra HTML Over Header”

The positioning is done from the left (X) and the top (Y), so you should probably add the rule below to Advanced Options > HEadv Section > Custom CSS Rule box, to change the vertical positioning to a fixed bottom value (that would probably be better resposnisvely.

#header-extra-html {top:auto;bottom:10px;}

For it to work responsively the add will need to scale with the header.

Speaking of responsiveness, I hope you realize your site is not at all responsive right now. If you reduce the size of the browser, the design completely falls apart.

Starting with the fixed 300px right margin on the wrapper that should really be a percentage, and continuing with the posts that are using a table causing the post content to move out and to the left, as well as your area under the header that does not scale at all..

[Wasserwerk]

Thank you very much for your hints, we will change things.

This Image is placed in: Main Options -> Footer -> Site Copyright

it does not resize like the header using mobil-device.
Does any CSS help ?

[Wasserwerk]

and the category-names here ?  even clickable, is there a solution too ?

[scrambler]

1- For your image to scale when it does not fit in the browser width, you need to make it max-width:100%.

<img style=”max-width:100%;” src=…… />

2- re “category names”, I dont see these in the page you gave me, and I dont understand your question

[Wasserwerk]

The category names for example “TOP STORY”, I want to place them where you can see it in the picture.

On the Website they are not visible because I do not know how to put them there.

Thanks for the style-hint, it is working 🙂

[scrambler]

Dont remembre what you are currently using for the top meta info line (custom post info ine or php shortcode), but you can try adding a right floated span in the Top meta info line something like.

<span style=”float:right;background-color:blue;border-radius:5px;”><a href=”LinkUrl“>Your Text </a></span>

[Wasserwerk]

Hello scrambler,

thank you very much again for your help and ideas the design is online now http://www.finanzmarktwelt.de 🙂

Best regards,
Uwe

[Author]

Posts