Not Solved Help on changing logo and header.
#1
Not Solved
I commented out my reference to the "lunarYearShirt160px.jpg" shirt.

But I still see it at the top of my forum:

http://sacramentokingsforum.net/


                <div class="wrapper">
                                        <!--<a href="{$mybb->settings['bburl']}/index.php"><img src=[b]"images/lunarYearShirt160px.jpg" [/b]" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>-->
                                        <!--<a href="{$mybb->settings['bburl']}/index.php">< alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>-->
                    <ul class="menu top_links">
                        {$menu_portal}
                        {$menu_search}
                        {$menu_memberlist}
                        {$menu_calendar}
                        <li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
                    </ul>
                </div>



How can I remove the reference to the old image, and then put up a new image?
Reply
#2
Not Solved
You can't really comment out MyBB variables since it has a hard time doing that for some reason so you'll need to delete the ones you attempted to comment out and just use the one reference that you need.
Reply
#3
Not Solved
I'm not sure if I explained the problem correctly.

Here's the code I used to have in the header template:

<div class="wrapper">
                                        <a href="{$mybb->settings['bburl']}/index.php"><img src=[b]"images/lunarYearShirt160px.jpg" [/b]" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
                    <ul class="menu top_links">

I then commented out this line like this:

                                        <!--<a href="{$mybb->settings['bburl']}/index.php"><img src=[b]"images/lunarYearShirt160px.jpg" [/b]" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>-->

But, I still see a little bit of the image, although not as much as before, at the top of my forum:

[Image: AeDNUSU.png]

Why is it still there, and how can I remove it completely?

When I installed the forum from scratch, the image wasn't there. It was something I later added.
Reply
#4
Not Solved
Alright, you're still seeing that because you have that same image set as your logo. You can fix that by removing it from your theme settings.

You'll need to remove the CSS for this in your global.css stylesheet.
[Image: Y6Wg2T5.png]
Reply
#5
Not Solved
(2017-07-23, 04:51 AM)Wage Wrote: Alright, you're still seeing that because you have that same image set as your logo. You can fix that by removing it from your theme settings.

You'll need to remove the CSS for this in your global.css stylesheet.
[Image: Y6Wg2T5.png]
Thank you!

@Wage, what's the best way to change the logo at the top?

Do I need to change/add in both the "wrapper" in the header template, and the #logo CSS in the global.css?

If I have only the global.css, then I only see the little bit of image as mentioned previously.

If I have only the header template change, then I just see a small image in the top left corner, with a lot of whitespace next to it.

Could you maybe show me a sample MyBB board (such as yours if you have one) that has a banner at the top, and what was done to produce that?
Reply
#6
Not Solved
(2017-07-23, 04:51 AM)Wage Wrote: Alright, you're still seeing that because you have that same image set as your logo. You can fix that by removing it from your theme settings.

You'll need to remove the CSS for this in your global.css stylesheet.
[Image: Y6Wg2T5.png]

Can you or someone else please answer my questions in post # 5, and provide some guidance or an explanation about the best way to do things?

I feel like I'm doing things in a harder way than necessary.

Thank you.
Reply
#7
Not Solved
(2017-07-23, 04:51 AM)Wage Wrote: Alright, you're still seeing that because you have that same image set as your logo. You can fix that by removing it from your theme settings.

You'll need to remove the CSS for this in your global.css stylesheet.
[Image: Y6Wg2T5.png]



How can I make the images below look uniform?

I want the images to either repeat on the same horizontal axis as the left-most image, or I want the image to stretch all the way across the screen.

Right now, after the left-most image, the other images are shifted vertically.

Can other people post images of their theme?

With the CSS code.

[Image: yYHXwap.png]

#logo {

	padding: 10px 0;
	border-bottom: 1px solid #263c30;
        background-size: 100% 100%;
        background: url(images/hardwoodFloors.jpg) center center fixed;
        background-repeat: repeat;
Reply
#8
Not Solved
Bump?
Reply
#9
Not Solved
How to repeat a background image is basic CSS:

https://www.w3schools.com/cssref/pr_back...repeat.asp
What goes around comes around
Reply
#10
Not Solved
(2017-08-01, 08:56 PM)Ashley1 Wrote: How to repeat a background image is basic CSS:

https://www.w3schools.com/cssref/pr_back...repeat.asp

Post #7 is what my code looked like before I tried repeat-y.

As I said in that post, the images were uneven and not lined properly.  That's what I'm trying to fix.  The images were repeating, but not on a uniform horizontal plane.

The images after the left most one were shifted up vertically.  

If I try repeat-y, then this is what it looks like:


[Image: 6OypzZR.png]

This is not repeating, and it's not on a uniform horizontal plane either.




#logo {
padding: 10px 0;
border-bottom: 1px solid #263c30;
        background-size: 100% 100%;
        background: url(images/hardwoodFloors.jpg) center center fixed;
        background-repeat: repeat-y;


}

I have since changed it back to just "repeat" vs. repeat-y.

Thanks for your time.

I want the images to repeat, and be on the same horizontal plane, from the left most image, to the next one, all the way across.
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)