News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

How to put image to upper section on the forum?

Started by ExXeL, February 08, 2019, 07:35:51 AM

Previous topic - Next topic

ExXeL

Hello,

I would like to know how can i change the upper section image what I enframed with red color on the picture.

Best regards,
Roland

Mick.

What kind of image you want? A logo? A background?

Have a link to your website to check the css class?

ExXeL

Quote from: Mick. on February 08, 2019, 07:42:09 AM
What kind of image you want? A logo? A background?

Have a link to your website to check the css class?

I want to change the backround.
I can check the css class but i don't know where should i change this backround.

Mick.

Try something like this... basic example.

background:  url(../images/theme/whateverimage.png) no-repeat;


Mick.

Quote from: ExXeL on February 08, 2019, 07:48:50 AM
I want to change the backround.
I can check the css class but i don't know where should i change this backround.
I don't know either. That's why I asked for a link.

ExXeL

Quote from: Mick. on February 08, 2019, 08:04:05 AM
Try something like this... basic example.

background:  url(../images/theme/whateverimage.png) no-repeat;

Which file should I add this line?

Kindred

the absolute or relative url location on your site for whatever image you want to use
Слaва
Украинi

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

@rjen

Yep, al link would be helpful, so I googled it...

https://forum.warriortigers.hu/

And to get an image in, put an image in your forum to link to and add this to your index.css file

Find:

#upper_section {
    overflow: hidden;
    font-size: 12px;


and add
    background: url(https://forum.warriortigers.hu/Themes... link to your image here) no-repeat;
    /* background-attachment: fixed; */
    background-size: cover;

I hacked this (using an image on my own site)

#upper_section {
    overflow: hidden;
    font-size: 12px;
    background: url(https://www.fjr-club.nl/Themes/responsive/images/theme/bg8.jpg) no-repeat;
    /* background-attachment: fixed; */
    background-size: cover;
[code]

and this is the result... have fun..

Running SMF 2.1 with latest TinyPortal at www.fjr-club.nl

Mick.

Look, If you where using the default theme, I'd tell you since obviously I have a copy of the default theme. But, you're using a custom theme. We're shooting in the dark here, I dont have a copy of that custom theme to tell where exactly make the change. Yes, it is in the css file more like likely at the bottom of the file but without knowing what div class that section is, we don't know where to add it. If you post a link to your website, we can use our browser tool to check that specific css class and tell you where to put that little line of code.


ExXeL

Quote from: @rjen on February 08, 2019, 08:15:05 AM
Yep, al link would be helpful, so I googled it...

https://forum.warriortigers.hu/

And to get an image in, put an image in your forum to link to and add this to your index.css file

Find:

#upper_section {
    overflow: hidden;
    font-size: 12px;


and add
    background: url(https://forum.warriortigers.hu/Themes... link to your image here) no-repeat;
    /* background-attachment: fixed; */
    background-size: cover;

I hacked this (using an image on my own site)

#upper_section {
    overflow: hidden;
    font-size: 12px;
    background: url(https://www.fjr-club.nl/Themes/responsive/images/theme/bg8.jpg) no-repeat;
    /* background-attachment: fixed; */
    background-size: cover;
[code]

and this is the result... have fun..



I have changed index.css file and I saved it with:

#upper_section {
    overflow: hidden;
    font-size: 12px;
    background: url(https://forum.warriortigers.hu/Themes/lazarus20/images/wrts_logo1.jpg) no-repeat;
    /* background-attachment: fixed; */
    background-size: cover;


It was not refreshed on my page. Can you check it?
Should I wait to refresh the cache by automatically or what?

@rjen

I see that you have a minified css... and the change is not in it...

the file is called: https://forum.warriortigers.hu/Themes/lazarus20/css/index.min.css

Not sure how you minified it?
If your theme does that automatically: force it to refresh.

Anyway you need to make sure changes to the css are also applied to a minified version...
Running SMF 2.1 with latest TinyPortal at www.fjr-club.nl

@rjen

Ok, after checking the theme support thread here: https://www.simplemachines.org/community/index.php?topic=561067.0 (which I recommend you to do as well!) this question has been asked and answered already: you have to update the index.min.css file manually...
Running SMF 2.1 with latest TinyPortal at www.fjr-club.nl

Kindred

incidentally -- if you use a relative URL instead of the fully qualified URL, you don't have to worry about http versus https. :)
Слaва
Украинi

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

Gutek1984

Witam  podłączę się   do pytania i proszę o pomoc.

Jakich rozmiarów zdjęcie mogę tu wstawić i jak to zrobić.
Pozdrawiam Gutek

GigaWatt

This is an English only board. Please post in English.
"This is really a generic concept about human thinking - when faced with large tasks we're naturally inclined to try to break them down into a bunch of smaller tasks that together make up the whole."

"A 500 error loosely translates to the webserver saying, "WTF?"..."

Advertisement: