I have 3 broblems.

[rohaan]

I have 3 broblems.

1 ... How can i move shout box upper side.
2 ... How can i move image at centre of header.
3 ... How can i enlarge of a theme.

Plze solve.

[Tumbleweed]

Mar 3, 2016 6:56:16 GMT -8 rohaan said:

I have 3 broblems.

1 ... How can i move shout box upper side.
2 ... How can i move image at centre of header.
3 ... How can i enlarge of a theme.

Plze solve.

1. If you go into your wrapper template: (Admin > Themes> Layout Templates>Forum Wrapper) and look for this.....  $[shoutbox]   .... you can move it up toward the top but where you put it depends exactly where you want it.

2. Not sure what image you are talking about. Can we have a link to your forum?

3. Enlarge how so? The text larger or the width of the forum larger?

[rohaan]

1 ... Plz guide me with Tutorials images about SHUTBOX.
2 ... Iwant to set this image at centre of Header.
Link of screen shot.

HTML for Websites
<a href="http://tinypic.com?ref=kd3a1g" target="_blank"><img src="http://i63.tinypic.com/kd3a1g.jpg" border="0" alt="Image and video hosting by TinyPic"></a>

Direct Link for Layouts
i63.tinypic.com/kd3a1g.jpg

3 ... Text larger option and also the widthof the forum larger.

[Tumbleweed]

Mar 3, 2016 21:21:09 GMT -8 rohaan said:

1 ... Plz guide me with Tutorials images about SHUTBOX.
2 ... Iwant to set this image at centre of Header.
Link of screen shot.

HTML for Websites
<a href="http://tinypic.com?ref=kd3a1g" target="_blank"><img src="http://i63.tinypic.com/kd3a1g.jpg" border="0" alt="Image and video hosting by TinyPic"></a>

Direct Link for Layouts
i63.tinypic.com/kd3a1g.jpg

3 ... Text larger option and also the widthof the forum larger.

I noticed you said you wanted it off to the side after I uploaded images so had to do it again. lol

Click on Admin and you should see this below and click on the Style Sheet tab:



Then you should see this.....




Now scroll to the very bottom and add this ......

.shoutbox.container.full{position:fixed;
top:8px;
left:8px;
width:300px;
z-index:3000;
}

(You can see i added it to the style sheet above in the image I posted) Click Save Changes. This will put your shout box to the side and resize it as well. If you  want it lower on your page change the 8px to something larger like 100px. I have it in a fixed position so if you want it to scroll out of view we can do that.  Also, I don't know if it will overlap your forum so we might have to move your forum over.

Once we get this all done the way you want it we can address the other things. But as far as that image, can you tell me how you added the image. Header/footer, themes, or visual editor? I need to know this or I can't tell you how to fix it, which was why I asked for a link.

[rohaan]

I want to see shout box at red marked place.

[Tumbleweed]

Mar 4, 2016 18:58:10 GMT -8 rohaan said:

I want to see shout box at red marked place.

Red marked place? I have no idea what you are talking about. Nothing in your posts or image links show any red marked anything.  I have a feeling we have a language barrier here.

[rohaan]

Sorry ............ red marked screeshot.

oi63.tinypic.com/dxlhk3.jpg

<a href="http://tinypic.com?ref=dxlhk3" target="_blank"><img src="http://i63.tinypic.com/dxlhk3.jpg" border="0" alt="Image and video hosting by TinyPic"></a>

[Tumbleweed]

Mar 4, 2016 19:40:15 GMT -8 rohaan said:

Sorry ............ red marked screeshot.

oi63.tinypic.com/dxlhk3.jpg

<a href="http://tinypic.com?ref=dxlhk3" target="_blank"><img src="http://i63.tinypic.com/dxlhk3.jpg" border="0" alt="Image and video hosting by TinyPic"></a>

Aww, O.k. and shoot, all those images I posted the first time were right.  Give me a bit to round them up and post them again. I have to get offline right now but should post them in a couple hours. 

I'm back, rohaan . The first thing you need to do is go into your Admin panel so click Admin and you should see this:



Click on Layout Templates and you should see this.....



Click on forum wrapper and then you see a page like this with a bunch of code.......



Now paste this code......

<script>

$("div.shoutbox.container.full").insertAfter("div#news");

</script>




........at the very bottom of all that code right below the </html> just like you can see I did on the screen cap and be sure to save changes. The shout box should be moved.  Now on my test site there is too much of a gap above the shout box so let me know if you have that issue too and we can fix it.


You can see my shout box moved on this test site: putteraround.boards.net/

[rohaan]

Thank you so much ..................

[Tumbleweed]

Mar 5, 2016 6:26:39 GMT -8 rohaan said:

Thank you so much ..................

Wow! You're very welcome! Oh wait....."You're very welcome".  hee hee

Do you still need help with #2 and #3 still. I think I viewed your forum in another thread and if I remember right, the banner looked good now. Don't recall of you fixed the sizes.