Can't change banner ad size or banner ad image

kristinehenry

I am trying to put a larger banner ad at the top of my site. I am inputting this (screen shot): http://imgur.com/a/17iUh and it won't save. 

I am also trying to increase the maximum height of the banner ad and am trying to change from 120 to 156 but every time I try to do this in CSS, it asks me if I'm sure I want to, then I click on Please try again, and it just does that over and over and will never change to 156. 

/*.header-magazine #Top_bar .banner_wrapper { width: 600px !important; height: 120px !important; }*/

.header-magazine #Top_bar .banner_wrapper img { max-height: 120px !important; }

Ad I'm referring to is the one for Charm City Chocolate at top of home page: http://towsonflyer.com/

Thanks

kristinehenry

Update: Now the banner ad has changed to the correct image (Valentine's Day ad for Charm City Choc) but I still can't adjust size to make it bigger. Thanks!

Albert

Hi,

the banner size is limited by us but if you want to increase its size, you need to use custom css:

.header-magazine #Top_bar .banner_wrapper { width: 600px !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kristinehenry

That's what I'm trying to do but it's not working. I have put this into CSS: 

.header-magazine #Top_bar .banner_wrapper img { max-height: 156px !important; }

.header-magazine #Top_bar .banner_wrapper { width: 780px !important; }

But it keeps asking if I'm sure I want to do that, I click "try again" and it keeps doing that and never saves the change. 

Albert

Please compare the css we gave you above with the css on your site http://pasteboard.co/vx5XPlRJA.png - it doesn't look the same. Also, we suggest to put the css we gave you above into 1st line of custom css section because if you did something wrong, any css below the place where you did mistake, won't work.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kristinehenry

Hi there -- 

The size is still not bigger. 

I tried this: 

.header-magazine #Top_bar .banner_wrapper { width: 880px !important; }

and I tried this: 

.header-magazine #Top_bar .banner_wrapper { max-width: 880px !important; }

.header-magazine #Top_bar .banner_wrapper { max-height: 256px !important; }

and I tried this: 

.header-magazine #Top_bar .banner_wrapper { width: 880px !important; }

.header-magazine #Top_bar .banner_wrapper { height: 256px !important; }

Is there something I'm doing wrong, or is there somewhere else in the dashboard that I need to change settings? 

towsonflyer.com - top banner - Valentine's ad

Thanks!

Albert

You are not listening us at all. We suggest to read whole conversation and take a look on everything once again but more carefully because you did not changed anything and the css on your site is still different from what we gave you above.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kristinehenry

Hello -- I think I have now followed all your directions but I can't get banner to appear larger. My CSS is below. Is there another setting somewhere that I need to change?

Thanks!

.header-magazine #Top_bar .banner_wrapper { width: 900px !important; }

/*space above logo*/

#Top_bar {top: 5px; } 

/*blog featured image so it doesn't show up on post*/

.single-photo-wrapper.image .image_frame {display: none;}

/*space between headline and body of story*/

.column, .columns {margin: 0 1% 0px;} 

/*space above featured articles on homepage, under menu*/

.blog_slider .blog_slider_header {height: 35px;}

/*to not show date on featured story image on homepage*/

.date_label {display: none;}

#Action_bar .social li a { color: #4c78a9; }

.single-post .the_content_wrapper { margin: 0 8% !important;}

.section_wrapper {width: 490;}

.wp-caption-text {

   

    color: #606060 !important;

}

.icon-user {display: none;}

.vcard.author.post-author {display: none;}

.label {display: none;}

.timely .ai1ec-allday-badge {display: none;}

#ai1ec-calendar .ai1ec-posterboard-time

{

display: none;

}

/*to prevent those red links and magnifying glass from showing up*/

.image_frame .image_wrapper .mask { display: none !important; }

.image_frame .image_wrapper .image_links { display: none !important; }

/*make left sidebar narrower than right*/

.sidebar.sidebar-1.four.columns {width: 24%;}

/*make left sidebar narrower than right

.aside_both .sections_group {margin-left: 15%;}*/

/* TO MAKE FACEBOOK AND TWITTER ICONS SHOW UP IN BOTTOM BAR: #Footer .footer_copy .social li a { color: #4c78a9 !important; }

#Footer .footer_copy .social li a:hover { color: #778fa9 !important; }*/

.sharify-container li {

list-style: none !important;

}

.desc_footer  { display: none !important; }

Albert

Ok, now looks like you put this css right but as we can see, there is one more limitation, so please also copy & paste below css just under the css we gave you above:

.header-magazine #Top_bar .banner_wrapper img { max-height: 118px !important; }

so complete css that you supposed to use is:

.header-magazine #Top_bar .banner_wrapper { width: 600px !important; }
.header-magazine #Top_bar .banner_wrapper img { max-height: 118px !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kristinehenry

Thank you. That worked.

Albert

You're welcome!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next