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 hereV
- 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 ^_^
Last edited by Cypress/Noir on July 23rd 2018, 5:59 pm; edited 1 time in total