Widgets and banner

Hello!
I may not be asking my questions in the right place. So I apologize in advance for that. ^^" Sorry, my english is not very good.
My first question would be, how could I insert an image at the bottom of the widgets?
The first picture is my forum, the second is what I want.

https://i.imgur.com/pJm2w6t.jpeg and https://i.imgur.com/Q8jRhlj.jpeg

I have used this code for widgets so far:

Code:

.modulcim {
color: #E1BAFF;
font-family: 'Unkempt', cursive;
display: block;
font-size: 24px;
letter-spacing: 0px;
line-height: 38px;
padding: 7px;
word-spacing: 3px;
text-align:center;
background-image: url("https://i.imgur.com/5PzLN0M.png");
text-shadow: #000000 0px 0px 5px, #000000 0px 0px 10px, #000000 0px 0px 15px, #000000 0px 0px 20px, #000000 0px 0px 30px, #000000 0px 0px 40px, #000000 0px 0px 50px, #000000 0px 0px 75px;}

My second question is, can the header be moved vertically?

The forum: phpbb2
Link: https://blackmoonfrpg.hungarianforum.com

Thanks in advance to everyone for the answers. <3

Hello,

Can you tell me what image you want at the bottom of the widget? Also what do you mean move the header vertically? Do you want it wider or something?

-Brandon

Hello ^^
I want this image at the bottom of the widget: https://i.imgur.com/LyJUKON.png

Or, when I put in a navigation code, it hangs in the header. and because of that, I want to push it a little lower so you don’t hit each other.

https://i.imgur.com/bLmuYIL.jpg

For banner overlap issue add this to your css and it should get rid of the overlap:

Code:

#i_logo {
  margin-top:4%;
}

As for adding the image to the widget, it will require template editing, although since I no longer have a phpbb2 forum I don't know what template the widget code is in.

Perhaps @Skouliki or @TheCrow can help you with that issue further.

Oh, I love it! Thank you very much for the banner code. <3 <3 <3 @brandon_g

in the code, you already have (see below), replace the background image with the image url you want to have as a background to your widget

Code:


.modulcim {
color: #E1BAFF;
font-family: 'Unkempt', cursive;
display: block;
font-size: 24px;
letter-spacing: 0px;
line-height: 38px;
padding: 7px;
word-spacing: 3px;
text-align:center;
background-image: url("YOURIMAGEHERE");
text-shadow: #000000 0px 0px 5px, #000000 0px 0px 10px, #000000 0px 0px 15px, #000000 0px 0px 20px, #000000 0px 0px 30px, #000000 0px 0px 40px, #000000 0px 0px 50px, #000000 0px 0px 75px;}



Yes, I mean. There is no problem with that.
My problem is that I want a picture both above and below. Like here: https://i.imgur.com/Q8jRhlj.jpg
Here is a picture below and above. That's what I want. ^^

I need both image urls please

https://i.imgur.com/LyJUKON.png That would be the bottom picture ^^

replace your code with this

Code:


.modulcim {
  background-image: url(https://i.imgur.com/5PzLN0M.png), url(https://i.imgur.com/LyJUKON.png);
  background-position: top, bottom;
  background-repeat: no-repeat, no-repeat;
  color: #E1BAFF;
font-family: 'Unkempt', cursive;
display: block;
font-size: 24px;
letter-spacing: 0px;
line-height: 38px;
padding: 7px;
word-spacing: 3px;
text-align:center;
text-shadow: #000000 0px 0px 5px, #000000 0px 0px 10px, #000000 0px 0px 15px, #000000 0px 0px 20px, #000000 0px 0px 30px, #000000 0px 0px 40px, #000000 0px 0px 50px, #000000 0px 0px 75px;}



It has happened, no change has taken place T_T
I'm really sad now :'(
Link: https://blackmoonfrpg.hungarianforum.com
Very bad forum, don't want what I do XD

replace my above code ...with this

Code:


.modulcim {
color: #E1BAFF;
font-family: 'Unkempt', cursive;
display: block;
font-size: 24px;
letter-spacing: 0px;
line-height: 38px;
padding: 7px;
word-spacing: 3px;
text-align:center;
background-image: url("https://i.imgur.com/5PzLN0M.png");
text-shadow: #000000 0px 0px 5px, #000000 0px 0px 10px, #000000 0px 0px 15px, #000000 0px 0px 20px, #000000 0px 0px 30px, #000000 0px 0px 40px, #000000 0px 0px 50px, #000000 0px 0px 75px;}

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
    background-image: url(https://i.imgur.com/5PzLN0M.png);
    background-repeat: no-repeat;
      background-position: bottom;
    padding: 2px 3px;
}



Ahw * - * One degree better, but still not perfect. ^^"
I'm sorry I have so much trouble.
There are places where it is covered and there are places where it is constantly repeated.

That is because not all widgets have the same structure

And then what can I do? Should I give it up? q.q

Only the two last are repeating?

Yes.
The others are covered.

i cannot inspect the elements if you remove the code

oh ok >. <
Then I'll put it back ^^ Sorry>.>

sorry i can not isolate the elements they are under the same id

maybe someone else can help you

I hope too. Thanks for trying @skouliki

Hello @Mineko,

Welcome to Forumotion Support Forum! Do you want to add an image to the bottom of the widgets?

Yep.
But it hasn't worked out yet. :'(

Add in your stylesheet and tell me if this is what you want:

Code:

#left table[summary],
#left > table [class^="row"]:not([title$="%"]):not(.genmed) {
    background-image: url(https://i.imgur.com/5PzLN0M.png);
    background-repeat: no-repeat;
    background-position: bottom;
    box-sizing: border-box;
}

#left table[summary]:after,
#left > table [class^="row"]:not([title$="%"]):not(.genmed):after {
    padding-bottom: calc(200 / 400 * 100%);
    display: block;
    content: '';
}

#left table[summary]:after {
    padding-bottom: calc(400 / 300 * 100%) !important;
}

Yes, yes, YEEEES! *she bounces in his chair in joy *
So much so that it doubles here, not elsewhere.

+1 Add in your CSS:

Code:

#gallery_container tr:first-child > .row1 {
    background: none !important;
}

YEEEEEES!!!
I love it. I love you too. Thanks! Thank you very, very, very much!!!

Thank you pedxz

Is this solved now ?

Yepp! Thank you, everyone