The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to ADD space below navbar? [beginner help]

View previous topic View next topic Go down

In progress How to ADD space below navbar? [beginner help]

Post by H0ok3r on June 20th 2012, 11:07 am

Hi, I have a pretty simple question [with a simple solution, I'm sure], but after doing a few searches and reading dozens of topics my problem still remains.

Here's a link to the forum in question: http://titansalliance.forumotion.com/

As you can see, the navbar buttons overlap with the ads/widgets [depending on your screen resolution]. I'd like to know how to ADD some space between the navbar and everything below it. There are tons of threads about removing spaces around the navbar but very few about adding any; I've read through both kinds, hoping to catch some code dealing with the navbar space that I could modify for my own purposes, but couldn't seem to find anything that works. I dont have any experience with CSS, and only basic HTML knowledge [which I don't think applies in this situation]... so the more thorough, step-by-step you can be in your responses, the better for me.

If it helps, the forum theme's version is phpBB2 (my profile says phpBB3; I have a couple different forums). I've tried loading the forum in both Chrome and Firefox, and it looks the same on both [the little overlap remains]. If this actually HAS been answered and I just missed it, feel free to delete this topic and shoot me a PM instead. Either way, thanks in advance for any help with this! Mr. Green


*EDIT: Here's an image link, to clarify what I'm asking about: http://i258.photobucket.com/albums/hh268/BucketOfotos/davis/3f762a95.jpg
*The overlap I'm trying to eliminate is highlighted in the red box.

H0ok3r
New Member

Male Posts : 7
Reputation : 1
Language : English

http://titansalliance.forumotion.com ::: philthphriendly.forumot

Back to top Go down

In progress Re: How to ADD space below navbar? [beginner help]

Post by Márcio on June 23rd 2012, 5:25 pm

Try to add this in your CSS

AP Display Pictures and Colors Colors CSS Stylesheet

Code:
#fa_ticker_block {
margin-top: 14px !important;
}

I had the same problem with the same theme and this worked fine.

Cheers bye

Márcio
Forumember

Posts : 30
Reputation : 7
Language : English, portuguese and italian
Location : Italy

http://forum-dix.forumeiros.com/

Back to top Go down

In progress Re: How to ADD space below navbar? [beginner help]

Post by H0ok3r on June 23rd 2012, 11:29 pm

Sweet! Do I just post it after everything else in the CSS, or does it belong somewhere in particular? Ill test it out later. Smile

H0ok3r
New Member

Male Posts : 7
Reputation : 1
Language : English

http://titansalliance.forumotion.com ::: philthphriendly.forumot

Back to top Go down

In progress Re: How to ADD space below navbar? [beginner help]

Post by H0ok3r on June 24th 2012, 5:40 am

Thanks both Marcio & Rideem3! Unfortunately this hasn't solved the problem yet; I've tried increasing the px size and cant even tell what its changing. Is there something I've missed, maybe?

*Hmm the "thanks" button on this forum works strangely. Can't give one to both of you Sad

edit: I've been poking around a bit and still haven't been able to figure this one out. When you click "Save" or "Submit" in the AP, the changes are automatically posted to your forum, right? This seems like a simple little fix that I should've been able to figure out on my own Sad haha. Any extra help would be great! Though like I said, this isn't a huge issue. Smile

H0ok3r
New Member

Male Posts : 7
Reputation : 1
Language : English

http://titansalliance.forumotion.com ::: philthphriendly.forumot

Back to top Go down

In progress Re: How to ADD space below navbar? [beginner help]

Post by Márcio on June 24th 2012, 4:54 pm

Curious... like i said, worked fine to me. Ok, try this:

Search for the code bellow in your CSS

Code:
#left table.module-advert{border:0;border-collapse:collapse}

and replace it with

Code:
#left table.module-advert{border:0;border-collapse:collapse;margin-top: 14px !important}

Márcio
Forumember

Posts : 30
Reputation : 7
Language : English, portuguese and italian
Location : Italy

http://forum-dix.forumeiros.com/

Back to top Go down

In progress Re: How to ADD space below navbar? [beginner help]

Post by H0ok3r on June 24th 2012, 10:59 pm

Hmmm... weird, I don't even have that line. Would it help if I pasted my CSS here, maybe?

H0ok3r
New Member

Male Posts : 7
Reputation : 1
Language : English

http://titansalliance.forumotion.com ::: philthphriendly.forumot

Back to top Go down

In progress Re: How to ADD space below navbar? [beginner help]

Post by Márcio on June 24th 2012, 11:18 pm

Yes, please mwii

Márcio
Forumember

Posts : 30
Reputation : 7
Language : English, portuguese and italian
Location : Italy

http://forum-dix.forumeiros.com/

Back to top Go down

In progress Ok!

Post by H0ok3r on June 25th 2012, 8:00 pm

This is everything from my CSS, exactly as it was when I noticed the problem [not including the ==== lines, of course]:

=================================================

.bodyline {
opacity: 0.8;
-moz-opacity: 0.8;
margin-bottom: 20px;
background: url(http://i1192.photobucket.com/albums/aa335/Mr_BadHaxers2/Hitskin/i_background.png);
border: 1px dashed #2a2a2a;
border-radius: 11px;
box-shadow: 0px 0px 7px rgba(107, 107, 107, 0.9);
}
body {
margin-bottom: 20px;
background: url(http://hitskin.com/themes/17/13/61/i_background.jpg);
border: none;
}
a:link {
text-decoration: none;
text-shadow: none;
-webkit-transition: 180ms linear 0s;
-moz-transition: 180ms linear 0s;
-o-transition: 180ms linear 0s;
transition: 180ms linear 0s;
outline: 0 none;
}
a:link:hover, a:link:focus {
text-shadow: -1px 1px 8px #fff, 1px -1px 8px #fff;
}
td.row1,td.row3.over:hover {
border: 1px dashed #383838;
background-image: linear-gradient(bottom, #0C0C0C 6%, #161817 97%);
background-image: -o-linear-gradient(bottom, #0C0C0C 6%, #161817 97%);
background-image: -moz-linear-gradient(bottom, #0C0C0C 6%, #161817 97%);
background-image: -webkit-linear-gradient(bottom, #0C0C0C 6%, #161817 97%);
background-image: -ms-linear-gradient(bottom, #0C0C0C 6%, #161817 97%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.06, #0C0C0C),
color-stop(0.97, #161817));
}
td.row3{
border: 1px dashed #383838;
background-color: #181818;
}
th {
color: #ffffff;
font-size: 11px;
font-weight : bold;
background-color: #0f0f0f;
height: 25px;
background-image: url("http://hitskin.com/themes/13/48/12/i_back_catg.png");
padding: 2px 3px;
border-radius: 6px;
-moz-border-radius: 6px!important;
-webkit-border-radius: 6px!important;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url("http://hitskin.com/themes/13/48/12/i_back_catg.png");
background-color: #0f0f0f;
border: none;
height: 28px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
-moz-border-top-left-radius: 4px;
-moz-border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
}
.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {
padding: 2px 3px;
border-radius: 8px;
-moz-border-radius: 8px!important;
-webkit-border-radius: 8px!important;
}
a{text-decoration: none;}

a.mainmenu {
text-decoration: none;
-moz-border-radius: 3px!important;
-webkit-border-radiuhttp://zzzz11.omgforum.net/groupss: 3px!important;
border-radius: 3px;
border: 1px solid #3d413d;
padding: 6px;
background-image: linear-gradient(bottom, #0C0C0C 6%, #161817 97%);
background-image: -o-linear-gradient(bottom, #0C0C0C 6%, #161817 97%);
background-image: -moz-linear-gradient(bottom, #0C0C0C 6%, #161817 97%);
background-image: -webkit-linear-gradient(bottom, #0C0C0C 6%, #161817 97%);
background-image: -ms-linear-gradient(bottom, #0C0C0C 6%, #161817 97%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.06, #0C0C0C),color-stop(0.97, #161817));
margin-right: -8px;
padding-right: 17px;
}
a.mainmenu:hover {
text-shadow: none;
color: white;
border: 1px solid #353535;
background-image: linear-gradient(bottom, #0C0C0C 8%, #1C1C1C 100%);
background-image: -o-linear-gradient(bottom, #0C0C0C 8%, #1C1C1C 100%);
background-image: -moz-linear-gradient(bottom, #0C0C0C 8%, #1C1C1C 100%);
background-image: -webkit-linear-gradient(bottom, #0C0C0C 8%, #1C1C1C 100%);
background-image: -ms-linear-gradient(bottom, #0C0C0C 8%, #1C1C1C 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.08, #0C0C0C),
color-stop(1, #1C1C1C)
);
}
#i_logo {
transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px);
-moz-opacity: 0.6;
opacity: 0.6;
filter:alpha(opacity=40); /* For IE8 and earlier */
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
}
#i_logo:hover {
transition-duration: 1.0s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
-webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-opacity: 0.6;
opacity: 1.0;
filter:alpha(opacity=40); /* For IE8 and earlier */
}

=================================================

Hopefully that helps! And if not, don't stress too much about it. It's not unbearable, it's just really annoying that they overlap like that, haha

H0ok3r
New Member

Male Posts : 7
Reputation : 1
Language : English

http://titansalliance.forumotion.com ::: philthphriendly.forumot

Back to top Go down

In progress Re: How to ADD space below navbar? [beginner help]

Post by Márcio on June 25th 2012, 10:39 pm

Try to add the code in your css

Code:
#table.forumline.module-advert{margin-top: 14px !important}

Márcio
Forumember

Posts : 30
Reputation : 7
Language : English, portuguese and italian
Location : Italy

http://forum-dix.forumeiros.com/

Back to top Go down

In progress Re: How to ADD space below navbar? [beginner help]

Post by H0ok3r on June 26th 2012, 10:34 am

Still no effect Sad. I can't even tell if these codes do anything to the page [nothing seems to be different]. Is it possible that I've selected any settings that would affect this?

H0ok3r
New Member

Male Posts : 7
Reputation : 1
Language : English

http://titansalliance.forumotion.com ::: philthphriendly.forumot

Back to top Go down

In progress Re: How to ADD space below navbar? [beginner help]

Post by SLGray on June 26th 2012, 10:57 am

Are you sure that you entered this correctly:
Code:
#fa_ticker_block {
margin-top: 14px !important;
}
Try this as a test: change 14 to 100.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36691
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: How to ADD space below navbar? [beginner help]

Post by H0ok3r on June 26th 2012, 2:11 pm

slg wrote:Are you sure that you entered this correctly:
Code:
#fa_ticker_block {
margin-top: 14px !important;
}
Try this as a test: change 14 to 100.

I actually have no idea whether I'm entering these codes correctly. Earlier in this thread I asked where these codes are placed, and was told that anywhere above or below the rest of my CSS works, given that it is not inside of another code's {}s. Since I'm so inexperienced, I've tried each of the given codes above, below, and even in the middle of my CSS [careful to not place it inside another code] just to see if placement makes a difference. So far it doesn't seem to, so I've kinda ruled that out as a factor. All along I've been adjusting the size values dramatically, as you recommended in your post, hoping to at least see what area the code is affecting. Regardless of the input value, though, none of these codes seem to have had any effect. :/

H0ok3r
New Member

Male Posts : 7
Reputation : 1
Language : English

http://titansalliance.forumotion.com ::: philthphriendly.forumot

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum