How to move header 2 over (ad location)?

[JenniferK]

I am using the Header 2 location in ad management. I think the ads are supposed to be all the way over to the right and they are just to the right of my logo instead. If that is where they are supposed to be, I would like to move them over (see attached). I am not techie, so I really try to keep things basic.

I am running 4.2.2, using the default style with the only modifications being a few changes to colors and adding my own title image. The only mods I have on there now are webtemplates and vbadvanced. This issue is happening whether those are on or disabled. I am not sure what to modify or where to do it.

[JenniferK]

It looks to me like the ad is to the left of the toplinks rather than under them, which is keeping it pushed over. I saw someone asked about this same issue at vbulletin.com ahwile back and no one ever answered him. I guess this must not be a common issue, I don't know why I am having this problem, but I need to fix asap.

[nhawk]

Go to ACP->Styles & Templates->Style Manager and edit the vbulletin-chrome.css template.

Locate ad_global_header2 (near the end of the css) and edit the padding and/or margin as needed.

This is the only way I know to do it without affecting all of the other ad locations.

[TheLastSuperman]

Add this to additional.css, you must adjust padding/margin AND float etc to see changes, change the margin-right from 25px to something of your choice otherwise they now float right and are 25pixels from the right edge.

.ad_global_header {
	float:{vb:stylevar right};
	margin-right:25px !important;
}
#ad_global_header1 {
	float:{vb:stylevar left};
	padding:0px !important;
	margin:0px !important;
}
#ad_global_header2 {
	float:{vb:stylevar left};
	padding:0px !important;
	margin:0px !important;
}

Also, #ad_global_header1 is on the left close to your logo, these are inline so #ad_global_header2 is to the right of it, if one ad location does not exist it will still be on the left side. If one of them is floating on the left instead of right then change {vb:stylevar left} to {vb:stylevar right}

[JenniferK]

Originally Posted by TheLastSuperman

Add this to additional.css, you must adjust padding/margin AND float etc to see changes, change the margin-right from 25px to something of your choice otherwise they now float right and are 25pixels from the right edge.

.ad_global_header {
	float:{vb:stylevar right};
	margin-right:25px !important;
}
#ad_global_header1 {
	float:{vb:stylevar left};
	padding:0px !important;
	margin:0px !important;
}
#ad_global_header2 {
	float:{vb:stylevar left};
	padding:0px !important;
	margin:0px !important;
}

Also, #ad_global_header1 is on the left close to your logo, these are inline so #ad_global_header2 is to the right of it, if one ad location does not exist it will still be on the left side. If one of them is floating on the left instead of right then change {vb:stylevar left} to {vb:stylevar right}

Thank you! This helped a lot as I didn't know where to begin. I changed the float to right and added a top margin. The problem I am having now is that it worked for all forum pages, but not pages using Logician's webtemplates.

[JenniferK]

Logician helped me sort out where to put the code for my webtemplates pages. Here is the code I actually used to get it to look the way I want it:

.ad_global_header {
    float:{vb:stylevar right};
    margin-right:0px !important;
}
#ad_global_header1 {
    float:{vb:stylevar left};
    padding:0px !important;
    margin:0px !important;
}
#ad_global_header2 {
    float:{vb:stylevar right};
    padding:0px !important;
    margin-top:50px !important;
}

[SPEEDKILLZ]

How Would I Make It So global Header 2 Can Be Adjusted ToP, Bottom, Left, And Right?