Metro – 3 Nagging Questions

Community Forums Forums Design Tips and Tricks Metro – 3 Nagging Questions

This topic is: not resolved

Tagged: 

This topic contains 9 replies, has 4 voices, and was last updated by  Metro 1 year, 8 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #25902

    Metro
    Participant
    Post count: 25

    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 728×90 ad in the header to the right of a 270×90 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.

    #25909

    AC
    Blocked
    Post count: 7712

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

    #26266

    rahul247rocks
    Participant
    Post count: 6

    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

    #27229

    Metro
    Participant
    Post count: 25

    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 728×90 ad. Hope someone can help.

    #27952

    Pinky
    Participant
    Post count: 95

    hi Metro

    try this….

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

    [css]
    #title-area {
    width: 30%;
    }
    [/css]

    and on line 450 replace this

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

    with this:

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

    #header .widget-area {
    width: 70%;
    }
    [/css]


    cheers

    Pinky

    #27969

    Pinky
    Participant
    Post count: 95

    Metro

    Your number 3… try this:

    Line 473 of your style.css change
    [css]
    .content-sidebar #content, .sidebar-content #content, #title-area {
    width: 65.555555555%;
    }
    [/css]

    to

    [css]
    .content-sidebar #content, .sidebar-content #content {
    width: 60%;
    }
    [/css]

    and on line 1250 change

    [css]
    .sidebar {
    display: inline;
    line-height: 1.5;
    }
    [/css]

    [css]
    .sidebar {
    display: inline;
    line-height: 1.5;
    width: 27.5%;
    }
    [/css]


    cheers

    Pinky

    #28230

    rahul247rocks
    Participant
    Post count: 6

    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

    #28464

    Pinky
    Participant
    Post count: 95

    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

    #28548

    rahul247rocks
    Participant
    Post count: 6

    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

    #30580

    Metro
    Participant
    Post count: 25

    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!

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.