XenForo Support

How do i make dis even?

Submitted by redd, , Thread ID: 23320

Thread Closed
10-10-2016, 12:18 PM
#1
Well what i want is basically make this even.

It looks this like right now.
[Image: 74cc423e94272bfeaec1897e2ac885ab.png]

I using the theme (FlatAwesome Dark) and want it to look like.

[Image: a9dbbb6b2d26e22463375ca44e7f1577.png]

the first picture is where i changed width 100% to 150% normal it has this gap on both sides.

I hope someone can tell me how to make it like the pics.

RE: How do i make dis even?

This post was last modified: 10-10-2016, 01:47 PM by NSA
#2
1) Look for the template file
2) Find the CSS for the container that it is in
3) increase the width on that to 100%

If I'm being autistic, someone correct me.
xxx
1

RE: How do i make dis even?

#3
Look for any containers including a width and remove it. Don't trick around with "width: 150%" or something, that's bullshit.

RE: How do i make dis even?

OP
#4
10-10-2016, 02:09 PM
Aoki Wrote:
Look for any containers including a width and remove it. Don't trick around with "width: 150%" or something, that's bullshit.

The only container i could find had width 100% if i remove that it shrinks

RE: How do i make dis even?

#5
10-10-2016, 03:09 PM
redd Wrote:
10-10-2016, 02:09 PM
Aoki Wrote:
Look for any containers including a width and remove it. Don't trick around with "width: 150%" or something, that's bullshit.

The only container i could find had width 100% if i remove that it shrinks

Post code fam

RE: How do i make dis even?

OP
This post was last modified: 11-10-2016, 01:41 PM by redd
#6
10-10-2016, 03:14 PM
mgidaraP Wrote:
10-10-2016, 03:09 PM
redd Wrote:
10-10-2016, 02:09 PM
Aoki Wrote:
Look for any containers including a width and remove it. Don't trick around with "width: 150%" or something, that's bullshit.

The only container i could find had width 100% if i remove that it shrinks

Post code fam



Code:
<div class="tabLinks forumsTabLinks">
<div class="primaryContent menuHeader">
<h3>Forums</h3>
<div class="muted">Quick Links</div>
</div>
<ul class="secondaryContent blockLinksList">


<li><a href="index.php?search/&amp;type=post">Search Forums</a></li>

<li><a href="index.php?find-new/posts" rel="nofollow">Recent Posts</a></li>

</ul>
</div>

Code:
.navTabs .navTab.selected .tabLinks {
  background-color: rgb(51, 51, 51);
  width: 100%;
  padding: 0;
  border: none;
  overflow: hidden;
  zoom: 1;
  position: absolute;
  left: 0px;
  top: 52px;
  height: 50px;
  background-position: 0px -50px;
}

Still need help! I cant fiure out whats wrong

Users browsing this thread: 3 Guest(s)