Jump to the post that solved this thread.
Solved: 4 Years, 4 Months, 3 Weeks ago image in the header
#1
Solved: 4 Years, 4 Months, 3 Weeks ago
Hello I'm using the default theme and trying to add image into the header without success

Following is a picture of what i want to accomplish
   

keep the logo that is circle in green and change the background into something else

here is a mock up of what i want my header to look like
   

I've tried solution from 
https://community.mybb.com/thread-122557.html

nothing happend

tried this plugin:
http://doylecc.altervista.org/en/cfheader.html

actually changes the header into the image but did not retain the logo (what i circled in green)

Thanks for your help!
Reply
#2
Solved: 4 Years, 4 Months, 3 Weeks ago
what is your forum url, your forum use templates like mybb community?

try this https://community.mybb.com/thread-139795.html

or inspect element and find logo location like this https://mybb.com/assets/images/logo.png
Reply
#3
Solved: 4 Years, 4 Months, 3 Weeks ago
(2018-05-13, 01:03 PM)ziuma Wrote: what is your forum url, your forum use templates like mybb community?

try this  https://community.mybb.com/thread-139795.html

or inspect element and find logo location like this https://mybb.com/assets/images/logo.png

hi my forum url is in signature or https://www.blackmarke7.org

but i don't think you understood what i meant

i want to keep the logo which i circled in green 


but i want to change the background which i circled in red 

thx for your help!
Reply
#4
Solved: 4 Years, 4 Months, 3 Weeks ago
Global.css
Find #logo

replace
background: #202020 url(images/colors/black_header.png) top left repeat-x;

with this
background: red;
Do NOT PM me for support unless I ask you on your support thread.
Reply
#5
Solved: 4 Years, 4 Months, 3 Weeks ago
(2018-05-13, 02:01 PM)Livewire Wrote: Global.css
Find #logo

replace
background: #202020 url(images/colors/black_header.png) top left repeat-x;

with this
background: red;


this is what my #logo looks like

#logo {
 background: #fff;
padding: 10px 0;
border-bottom: 1px solid #263c30;
}
Reply
#6
Solved: 4 Years, 4 Months, 3 Weeks ago
Remove #logo from the colour_black.css stylesheet

Go to Global.css stylesheet, search for #Logo and replace with:

#logo {
background: url(link_to_header_background_image_you_wanted);
padding: 10px 0;
border-bottom: 1px solid #263c30;
}

Then you can put back the MyBB logo if you wish.
Plugin Count: I lost count.
Public Plugins are available here.
Please do not PM me for support unless asked to.
Reply
#7
Solved: 4 Years, 4 Months, 3 Weeks ago
(2018-05-13, 05:04 PM)Wires Wrote: Remove #logo from the colour_black.css stylesheet

Go to Global.css stylesheet, search for #Logo and replace with:

#logo {
background: url(link_to_header_background_image_you_wanted);
padding: 10px 0;
border-bottom: 1px solid #263c30;
}

Then you can put back the MyBB logo if you wish.

thx it worked!
but now i need help with making the height of the header larger
would you happen to know how?
in case you are wondering why i'm asking you can check out my site  Toungue
Reply
#8
Solved: 4 Years, 4 Months, 3 Weeks ago
You can try setting the div with same height of the background-image.

#logo {
background: url(link_to_header_background_image_you_wanted);
padding: 10px 0;
border-bottom: 1px solid #263c30;
height: 0px;
}

Change 0px (in the height attribute) to the same height as the photo.
Plugin Count: I lost count.
Public Plugins are available here.
Please do not PM me for support unless asked to.
Reply
#9
Solved: 4 Years, 4 Months, 3 Weeks ago
(2018-05-13, 05:27 PM)Wires Wrote: You can try setting the div with same height of the background-image.

#logo {
background: url(link_to_header_background_image_you_wanted);
padding: 10px 0;
border-bottom: 1px solid #263c30;
height: 0px;
}

Change 0px (in the height attribute) to the same height as the photo.

thx that worked wonderfully 
and for the final touch 
would you happen to know how to move the logo and the link/text so its align to the bottom of the header?
i think you would know why i'm asking this if you see whats happening on my site  Toungue 

thx for your reply!
Reply
#10
Solved: 4 Years, 4 Months, 3 Weeks ago
Try wrapping the logo and links in a new div and use margin-top: px;
Plugin Count: I lost count.
Public Plugins are available here.
Please do not PM me for support unless asked to.
Reply
Jump to the post that solved this thread.


Forum Jump:


Users browsing this thread: 1 Guest(s)