Metro – 3 Nagging Questions

[Metro]

Hi folks, I'm hoping someone can help me with a few Metro questions that I can't seem to find the answer to. Unfortunately the site is in development so I can't share the link, but any help would be most appreciated.

1. I want to position a 728x90 ad in the header to the right of a 270x90 logo. However, the header-right widget area is too small and cuts off the ad. I tried adjusting the #header and #widget-area properties in the theme's css but it had zero effect. Would someone be able to provide the exact code/adjustments needed to make the ad sit snugly to the right of the logo?

2. I'm also trying to position/wrap the post titles and post meta information on the homepage (not single page) to the right of the respective post thumbnails. Currently, they sit above the image, but I'd prefer them to be positioned like they are in the "Featured Bottom Widget" (i.e. to the right of the image and just above the excerpt), which I'm unable to use as our client requires the page navigation which disappears when using the content area widgets.

3. Finally, how can I adjust the width of the Metro theme? I'd like the main content area to be 650px and the sidebar 300px. Where in the code can I make this adjustment?

Thanks in advance for help with the above.

[Anita]

Please post a link to your site so I can take a look at what you have. Thanks.

---

Love coffee, chocolate and my Bella!

[rahul247rocks]

Hi,

Could you kindly solve these issues too. In Metro I want to make my homepage as blogpage. Is there any way to do that. Also how to display posts in the following order.

1. Post Title

2. Right Thumbnail and exerpt wrapped beside it

3. Name, Date, Add Comment etc.

 

Thanks,

Rahul

---

Blogging about iPad News, App Reviews at: The New iPad Blog

[Metro]

Hi anitac,

Unfortunately the site is behind a closed wall. I realize this makes it difficult to assess, but if it helps it's exactly like the demo http://demo.studiopress.com/metro/ - we just need to make the header-right widget area large enough to hold a 728x90 ad. Hope someone can help.

[Pinky]

hi Metro

try this....

change #title-area on line 473 of your style.css to this:

#title-area {
width: 30%;
}

and on line 450 replace this

.footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .sidebar, .subnav-left, #header .widget-area {
width: 31.111111111%;
}

with this:

.footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .sidebar, .subnav-left {
width: 31.111111111%;
}

#header .widget-area {
width: 70%;
}

---

cheers

Pinky

[Pinky]

Metro

Your number 3... try this:

Line 473 of your style.css change

.content-sidebar #content, .sidebar-content #content, #title-area {
width: 65.555555555%;
}

to

.content-sidebar #content, .sidebar-content #content {
width: 60%;
}

and on line 1250 change

.sidebar {
display: inline;
line-height: 1.5;
}

.sidebar {
display: inline;
line-height: 1.5;
width: 27.5%;
}

---

cheers

Pinky

[rahul247rocks]

Hi Can you guys please help me with the header. I used header hook to add a div called Logo and add my icon. Now I want another div with the 728-90 ad code just beside it.

when I add it it is showing below the logo. Please help.

My Current Code
<div id="Logo"> <a href="http://www.thenewipadblog.net"><img src="http://www.thenewipadblog.net/wp-content/uploads/2013/03/Tnib-logo-2013.png" alt="TNIB Logo" /></a></div>
#logo{ float:left; position:relative; width:30% padding-bottom: .1rem; }
Also,

How to reduce the padding about the custom Logo Div that is the current header.

Please Help,

Rahul

---

Blogging about iPad News, App Reviews at: The New iPad Blog

[Pinky]

why dont you use the header widget to put your add code next to the title.

It's the easiest way to do this - then you just alter the size of the header widget area...

or am I missing something?

---

cheers

Pinky

[rahul247rocks]

Hi,

See I want to do it with Hooks I just need the CSS for the adcode so that it floats on the left and not below. I can handle the rest.

---

Blogging about iPad News, App Reviews at: The New iPad Blog

[Metro]

Hi Pinky, I've only just seen your reply.

I made those changes and it almost worked perfectly, except changing the #title-area width to 30% also reduces the .content area (where all the blog posts are) to 30%, leaving a big space between it and the sidebar.

Do you  -- or does anyone else -- have any suggestions on how to prevent he content from being affected in this way?

 

Thanks!

[Author]

Posts