Simple Machines Community Forum

SMF Support => SMF 2.1.x Support => Topic started by: Kustomuk on March 21, 2023, 03:24:56 AM

Title: theme edit
Post by: Kustomuk on March 21, 2023, 03:24:56 AM
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.

Title: Re: theme edit
Post by: Kustomuk on March 21, 2023, 03:33:26 AM
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.
Title: Re: theme edit
Post by: Antechinus on March 21, 2023, 04:25:55 AM
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).
Title: Re: theme edit
Post by: Julius_2000 on March 21, 2023, 06:01:18 AM
Could you post your forum link so I could have a look?