[Resolved] Need help with horizontal positioning of elements

[Author]

Posts

[Robert Campbell]

I'm designing my first website using the Toolset Starter Theme and Layouts. I'm having problems getting two elements to sit at the desired horizontal position.

Please have a look at hidden link

1. I want the menus to left align with the main content but they are inset by a fixed amount and I cannot see why. I have put a green border around the top menu so you can see what I mean.

2. I am using using code from adspeed to place rotating ads in the right hand sidebar. I cannot get the ads to center in the placeholder. I put two ads into a grey background so you can see the problem.

I would appreciate your help with these two issues.

Regards

Robert

[Luo Yang]

Dear Robert,

Q1) I want the menus to left align with the main content
This is defined in the CSS file:
hidden link
Line 464:

.ddl-navbar-collapse {
	max-height: 100% !important;
	/*overflow: auto !important;*/
	padding-right: 15px;
	padding-left: 15px;
	border-top: 0px solid transparent;
	-webkit-overflow-scrolling: touch;
	margin-left: 40px !important;
}

You can override two settings with some CSS codes, for example:

div.ddl-navbar-collapse {
	padding-left: 0px !important;
	margin-left: 0px !important;
}

Q2) cannot get the ads to center in the placeholder.
There is a blank in the right HTML Iframe, see screenshot 1204.JPG, you can setup a fix width for the iframe tag, for example width=265px. see screenshot 1205.JPG

[Robert Campbell]

Dear Luo

Thanks for the advice. Both issues resolved.

Regards

Robert