Unable to Find and Edit the Descriptive Board of my Website

[Nscalerr]

I have added an if statement to the code, so the guests part will only show for guests. Btw a guest cannot actually view your profile these days, so what I would do is, to create a guest friendly board and use that as the contact point for guests. It would also be useful for members that have problems logging in.

The bit about raising the text will take a bit of thinking about!

I have added a bit to the CSS and the code due to the image being cutoff on the righthand side. The addition to the CSS and the code should fix it.

/* bbc bias */
.bbc_bias {
   text-align: center;
}
#bbc_img {
   width: 100%;
}

<div class="container">
   <div class="title-bar bbc_bias"><h2>BIASED BBC - The Archive</h2></div>
   <div class="content cap-bottom bbc_bias">
       <img src="https://i.postimg.cc/8CX2dmSQ/jj342s.jpg" id="bbc_img"><br /><br />
       {if !$[current_user.is_member]}<b>Welcome Guest</b><br /><br />
       We hope you find it stimulating.  You are free to read any of the posts in the archive.
       If you need help - feel free to contact me - <a href="http://biasedbbc.proboards.com/user/1">Teddy</a><br /><br />
       {/if}

       <object style="height: 273px; width: 448px">
           <param name="movie" value="http://www.youtube.com/v/HacxYLlCA68?version=3">
           <param name="allowFullScreen" value="true">
           <param name="allowScriptAccess" value="always">
           <embed src="http://www.youtube.com/v/HacxYLlCA68?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="448" height="273">
       </object>
   </div>
</div>

[Teddy Bear]

NSC - I first want to tell you that I really appreciate your efforts - and many thanks for that.

I didn't understand what you meant about the image cut off on the right side as I see it fine on my laptop until I looked at the website on my iphone and saw what you meant. I also see that if I shorten my browser from either side the right hand is impossible to read with no way to scroll left or right.I didn't understand where to insert the CSS and code that you posted to address this. When I pasted it into the beginning of the code it just put the words in white small text on top of that section.

When I inserted your new code the picture and You-Tube video were not in the center but were again on the left.

Here's my original code which I am using at present:

<div class="container">
<div class="title-bar"><h2><div class="title-wrapper">BIASED BBC - The Archive</div></h2></div>
<div class="content cap-bottom">{if $[current_user.is_member]}

<center><img src="https://i.postimg.cc/8CX2dmSQ/jj342s.jpg"></center>

{else}
<center><img src="https://i.postimg.cc/8CX2dmSQ/jj342s.jpg"></center>
<center><b>Welcome Guest</b><br /><br /></center>
<center>We hope you find it stimulating. You are free to read any of the posts in the archive.
If you need help - feel free to contact me -
<a href=http://biasedbbc.proboards.com/index.cgi?action=viewprofile&user=admin>Teddy</center></a><br /><br />{/if}
<center><object style="height: 273px; width: 448px"><param name="movie" value="http://www.youtube.com/v/HacxYLlCA68?version=3"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/HacxYLlCA68?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="448" height="273"></object></center>

</div>
</div>


Finally I also understood why the gap between the header and website logo - it's because my browser has an ad blocker and when I turned it off for my webpage I see that there is supposed to be an ad there - so no problem.

I look forward to hear from you mate

[Teddy Bear]

Also I see that any guest clicking on my Username will have to login or register to send a message but I don't see that as a problem, but thanks anyway for the tip.

[Nscalerr]

Can you add my bit of code back, along with the CSS added at the bottom of your stylesheet, (so I can see what is happening).

Stylesheet is at Admin Home > Themes > Advanced Styles & CSS > Style Sheet


Btw the use of an adblocker is in violation of the Proboads Terms of Service, (ToS)!



I have tried it out on my forums test theme and it worked fine. Everything centered once the CSS was added to the bottom of the stylesheet.

[Teddy Bear]

Brilliant NSC - I did as you said and everything is working fine and I see the picture displays perfectly, even on my phone or when I shrink the side of the browser.

Can't thank you enough you've been terrific.

I'm also glad to say that I think I've managed to change ALL of my tinypic pictures previously posted thanks to the great search engine of proboards.

I started by going through each post to see where they might be and could see that going through the thousands of posts was going to take a very long time.

Then I used the great Proboards search engine using tinypic as the object word and as far as I know it listed all the posts with these pictures making it MUCH quicker.

All the best to you NSC and wishing you a great year