My ads are cut off right side of page

the size of the ad is likely too wide compared to the width of sidebar area of your website.

this is a fixable issue but will require a bit of basic knowledge about CSS (the code which influences the display of the website).

do you have any experience making changes to the CSS code of the website?

before I provide directions, I want to be understand if you feel comfortable implementing the changes.

first a CSS editor (plugin) is needed in your dashboard OR a child theme needs to be set up….do you have either of those items?

I will download the CSS editor and I can follow instructions pretty well if you tell me what I need to do. I don’t have experience making these changes, I just getting use to switching over from WordPress.com which was so easy. Thanks for your help!

This doesn’t really have anything to do with CSS and you don’t need an additional CSS editor or a child theme.

Your ads are images in sidebar widgets, so that makes them theme independent. The images are simply too wide for your sidebar. Redo your ad images and make them 260px wide instead of 300px. Resize the images in an image editor on your PC or Mac, or download ads that are the correct width from your ad supplier or ad affiliate. 260px is the width of the displayable area in the sidebar.

It didn’t offer me a smaller size so that’s why I’m stuck with that size. Yes they are in the sidebar widget. Where do I find the image editor? Can I change the size within the code listed in the text widget? Thanks

Where do I find the image editor?

The image editor is on your PC or Mac. Use it to crop or resize the ad from 300 wide to 260px wide. Reupload it with the media manager and put the link in your widget.

You can use image dimensions in the image tag to resize it, but it’s not the best way to make them smaller.

I agree that another alternative is to change the size of the images used in the ads.
I thought there might have been some challenges changing the size of image for a 3rd party ad— but if it’s easier to make the images smaller…do not make any changes to sidebar width.

Hello!
Could you add this to your CSS:

#main {
width: 74.59% !important;
}
#secondary {
width: 17.275% !important;
}

Regards,

@lopwal: as I stated above, resizing with CSS is not the best solution.

Your CSS is wrong anyway; it will resize the whole sidebar, not simply the images. You’re using a hammer to kill a fly.

@songdogtech: since that’s your point of view, I respect it (hope the same from you).
But what you suggest cannot be done due that these images are randomly generated via scripts. Have you looked the user site?

What I am doing is resizing both content and sidebar areas so these images can be fitted.

@thetrialdiaries: Please try the code I have gived you avobe and let us know the results.

Thank you!

as this is theme specific, try posting in your theme’s direct support section at https://www.ads-software.com/support/theme/yoko

there will always be some problem, as your currently used theme is responsive and changes the widths of the sidebar relative to the size of the browser window.

Dumb question but how do I add that code to my CSS. All this is new to me

I think I did it and added that code and it erased everything in my sidebar