Can't change banner ad size or banner ad image

kristinehenry · February 2017

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 · February 2017

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 · February 2017

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; }

kristinehenry · February 2017

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 · February 2017

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.

kristinehenry · February 2017

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 · February 2017

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.

kristinehenry · February 2017

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 · February 2017

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; }

kristinehenry · February 2017

Thank you. That worked.

Albert · February 2017

You're welcome!

Can't change banner ad size or banner ad image

Comments