Magazine theme "Ad image" in header

Community Forums Forums General Discussion Magazine theme "Ad image" in header

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by  iPatrona 1 year, 2 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #59560

    iPatrona
    Participant
    Post count: 28

    Hi, i tried several weeks ago to see if anyone could help. but perhaps i did not explain well what I am trying to do.

    in the demo site for the magazine theme in the header area where the name of the site/blog is located… to the right of the name is an “ad image” —– IMAGE area with an IMAGE in it.

    the image is in the images loaded with the magazine theme.

    What i need to do is actually place it in that same space as in the demo site… but i don’t know where/how in the theme to do that??

    Does anyone know what I am talking about?

    second question is what is the dimensions of the header when that image is placed in that part of the header?
    I already know the header is 960 x 115 px without the image… what is the size available for the header once the image used for ads is put up?

    http://www.ipatrona.com/BYSC1
    #59614

    braddalton
    Participant
    Post count: 10353

    Try pasting the HTML for the image in the header right widget area.

    You can find all the default sizes in the child themes style.css file under the header sections.

    On Line 169, you’ll find all the CSS for the header:
    [css]

    #header {
    min-height: 115px;
    margin: 0 auto;
    overflow: hidden;
    width: 960px;
    }

    #title-area {
    float: left;
    overflow: hidden;
    padding: 20px 0 0;
    width: 360px;
    }
    [/css]

    And on Line 209, you’ll find more CSS for the header right widget and image header:
    [css]
    #header .widget-area {
    float: right;
    padding: 25px 0 0;
    width: 468px;
    }

    /* Image Header – Partial Width
    ———————————————————— */

    .header-image #title-area,
    .header-image #title,
    .header-image #title a {
    display: block;
    float: left;
    height: 115px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 360px;
    }
    [/css]

    So the default size for a logo is 360px width and 115 in height.

    The default for the header right widget is 468px width by 115px height.

    You can change the width if needed.

    In your child themes functions.php file, you’ll find the PHP code for the Custom Header uploader.

    If you change these dimensions be sure to change the CSS to match them:
    [php]
    add_theme_support( ‘genesis-custom-header’, array(
    ‘width’ => 960,
    ‘height’ => 115
    ) );
    [/php]


    #59801

    iPatrona
    Participant
    Post count: 28

    Thank you so much this worked great. I was able to put it up and thank you for the dimensions.

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

The topic ‘Magazine theme "Ad image" in header’ is closed to new replies.