theme edit

Started by Kustomuk, March 21, 2023, 03:24:56 AM

Previous topic - Next topic

Kustomuk

about to edit the theme to show a logo that can stretch full screen across the top, we did this before and it worked great on the test versions but i`m not sure if i`ll need to edit the theme again now we have a completed version of 2.1.3 that works great.

So can any one point me in the right direction and tell me what code to edit to do this job again.

So all i`m after doing is placing a picture at the top of the forum and making it go fully stretched across the top.


Kustomuk

Sorry for this little bump but i`ve just found one of my old threads explaining what i`m after doing better so i`ll just post it on here with pictures to explain it better.

thankyou

need the header to be responsive through out the screen being reduced, anyone help with the responsive.css code edit to do just that,

Pictures attached to give you a little more information.

Antechinus

Easiest way is to set the logo as a background image on #header, with background-size set to cover. That will automatically fit any width.

Example:
#header {
background-image: url(../images/logo.jpg);
background-size: cover;
}

You can set a fixed height on #header, or you can set a top padding in % (experiment with both and you'll quickly see how they work).

Julius_2000

Could you post your forum link so I could have a look?

Advertisement: