Please add options to length and width of banner

Hi Paul,

thanks for contacting us and for using our plugin!

You should be able to do that using something like following css :

.bdotcom_bc_mbe_banner {
    background-position: center 54%;
    height: 90px;
    min-height: 90px;
    width: 728px;
}

in the css textarea of banner settings page.
Obviously use different width, height and background-position accordingly to what you’re trying to achieve.

Please let us know.
All the best.

Hello again

Thanks for your reply and your help

The banner works much better now. Please could you assist me a little further with some other questions that I have?

The banner is working much better now but the code that you gave me to add to the banner CSS code affects all banners. When I entered the code into one of my banners CSS I am unable to customize serveral different banners individually. All the banners adopt the same format.

Secondly, Please could you provide the CSS to align the banner to the right and top?
My banner is aligned to the left, leaving a large gap between the right banner and the edge of the screen/website.

Any further help would be greatly appreciated

Thanks

Paul

Hi Paul,

glad that worked!
What we sent is affecting all banners because uses a css class.
We should get the id selector to target a single banner.
Can you please send us a link to the page where the banner(s) you want to modify are?

• This reply was modified 7 years, 8 months ago by SP - Booking.com.

Hi

Thanks for your quick reply.

I have added two banners to a page on my website to show an example of the banners in use. The banners are at the bottom of the page on the right and left of the page.

Please can you provide the CSS ID selector information to customize each banner individually? Also please can you provide the CSS to allow the banner on the right of the page to be right aligned?

My website page with the banners at the bottom is: https://www.gogohopping.com/hopping-vlogs-hopping-vlogs/

Your assistance is most appreciated.

Thanks

Paul

Hi Paul,

the one on the left is :

#bdotcom_bc_mbe_banner_8677

the one on the right hand side is:

#bdotcom_bc_mbe_banner_8687

so the css you can use to address the first, for example, is :

#bdotcom_bc_mbe_banner_8677 {
    background-position: center 54%;
    height: 90px;
    min-height: 90px;
    width: 728px;
}

Let us know if this solves!
Have a lovely day