Coding Issue Regarding Header

Technical Details

Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Screenshot of problem : https://i.imgur.com/L8FRjfw.png
Who the problem concerns : All members
When the problem appeared : It just started, I'm trying to make the width of the coding larger, and in the process the image code larger, which seemingly I cannot do.
Forum link : http://op-endlessfrontiers.forumotion.com/

Description of problem

Alright, so I've been trying to enlarge what will be the banner, coding can be found here

V

Code:

/*************************
banner space
*************************/

.bannerspace {
  border:1px solid #10100f;
  border-bottom:0px!important;
  background:#292928;
  z-index: -100;
width:1500px;
height:510px;
  overflow:hidden;
margin:auto;
  margin-top:60px;
}

.bannerimage {
width:490px;
  height:390px;
  overflow:hidden;
  position:relative;
  left:995px;
  top:-5px;
}

.bannerimage1 {
border:20px solid #292928;
  border-bottom-left-radius:650px;
}

.bannerextrasbox {
background:#292928;
width:1000px;
height:100px;
  margin-top:150px;
}

.bannername {
  line-height:90px;
font-family: 'Cormorant Infant', serif;
color:#4e4e4d;
letter-spacing:8px;
font-size:120px;
position:relative;
font-weight:700;
top:-350px;
left:20px;
  width:900px;
text-shadow: 0px 2px 0px #0f0f0f;
}

.bannername::first-letter {
color:#B2B2FF;
}

.bannersmallname {
  color:#B2B2FF;
  font-family:courier new;
  letter-spacing:5px;
  font-size:10px;
  text-transform:uppercase;
  position:relative;
  top:-330px;
  left:30px;
}


The one I want is the bannerimage tag, and I've tried to enlarge the actual image size, but this changes nothing. I'm not entirely sure what I'm doing wrong here; as I've never actually had a problem before. The skin was made for me by a good friend of mine, and I'm attempting to recycle it for my One Piece forum, and so far everything has gone some what the way I wanted, but this thing just won't budge.

Here is the javascript section inside of the basic template;

Code:

<div class="bannerspace">
  <div class="bannerimage"><a href="http://op-endlessfrontiers.forumotion.com/"><img src="http://via.placeholder.com/490x390" class="bannerimage1" /></a></div>
  <div class="bannername">One </div><div class="bannername">Piece</div>
  <div class="bannername">Endless </div><div class="bannername">Frontiers</div>
<div class="bannersmallname">An One Piece RPG</div>
  <div class="navbartop">
         <ul class="linklist navlinks{NAVBAR_BORDERLESS}">
                          <li>{GENERATED_NAV_BAR}</li>
         </ul>

      </div>

That is placed in the overall_header section in the general templates.


Any help is very appreciated ^_^

hello



to change the banner image add this to your css, add the number px to your likeness

Code:


.bannerimage1 {
      width: px;
}


Oh my gosh, why didn't I realize that sooner >W<;; I'm so so sorry for wasting your time! But thank you for the help @skouliki!