Non Responsive Ads Using Ad Blocks and Footer Ad

Posted in: Newsmag
Post count: 187

How do we actually make non-adsense ads responsive and centered using the ad positions providedFooter Ad

Same

Post count: 9544

You need to use css and add a responsive class to your ad units. Normal css practice.

E.g., stuff like
Width=100% max width = 300px etc.

Or see theme docs on custom ads to add divs for different sizes with your different size ads for each viewport.

Post count: 187

Could you possibly help with the css class I need to use? and where I need to put it please 🙂

Post count: 9544

Hi, I think we add a custom class like so

.myresponsivv{width:100%; max-width:300px; height:auto;}

img src="fullurl" width="300" height="250" class="myresponsivv" alt=""

  • This reply was modified 8 years by simchris.
  • This reply was modified 8 years by simchris.
  • This reply was modified 8 years by simchris.
Post count: 9544

By the way, if you want to add some auto-content to your Florida news site, you can pull in our Florida news channel to a ‘press release’ category if you wish, from our RSS here:
https://www.send2press.com/wire/us-news/florida-news/feed/

Post count: 187

How can I do what that looks like? I may like to add that. Do I need to just create like a Florida news Page

Post count: 187

This is thee code I am using for an animated banner in the footer ad. I need it responsive

<center><iframe src=”https://lakecountyfloridanews.com/banners//mmcg/728×90/index.html&#8221; width=”728″ height=”90″ frameborder=”0″></iframe></center>

Post count: 9544

Hi
to syndicate our Florida news you can use
a) FeedWordPress – to pull in full text stories and put into a category
b) to auto-capture featured image, we recommend ‘auto post thumbnail pro’
———
For responsive iframes see:
https://www.smashingmagazine.com/2014/02/making-embedded-content-work-in-responsive-design/

you can also try:
iframe, object, embed {
max-width: 100%;
}

Also, don’t use any inline HTML anymore like <center> as this will break your ability to generate compliant /AMP/ endpoints if you decide to add AMP support. ALWAYS use classes for anything now.

e.g.,
.centertext{text-align:center}
div class="centertext"
etc.

Post count: 187

Where does this code go?

iframe, object, embed {
max-width: 100%;
}

I just really need to get to this work. I am going to come back here and try this Florida Feed. Where can I see what the end result looks like

Post count: 9544

You can add any custom CSS either to theme panel custom code section, or at bottom of your style.css …

Post count: 187

Adding that code does not fix the responsive issue of the ad… if anyone can help Id really appreciate it

Post count: 9544

try putting period in front of .iframe

there are tutorials online the past 10 years on how to do this … not a new thing.

Post count: 187

sorry Chris thats doesnt work either. Ive look everywhere and have tried several things. Its why Im here for help. I thought maybe here may have had to do this also

Post count: 9544

Also note that if what you load in a responsive iframe is not ALSO responsive, then I don’t think it will work.

Post count: 187

Is there a way for me to not have it display on mobile phone and tablets in a portrait view, and still have it display on a desktop and a tablet in landscape view?

Post count: 9544

This works on our site:
/* iframes and objects max-width */
iframe, object {
max-width: 100%;
}

Post count: 9544

You can do anything with CSS and @media queries, you just have to figure out the right elements to target or write your own CSS.

Post count: 187

Im going to give up. It is the way it looks. I dont like it but I just cant spend that time on one banner.

Ive tried to find the plugin you referred to above so I can implement the Florida News feed. I have set up a category titled Florida News. Now just need to pull it like you mentioned. Do you happn to have a link to the 2 plugins you recommend

Thank youy for trying to help with the responsive image. It bothers me that I can add animated things on most sites with no issues.

Post count: 9544

Hi
it’s always an adventure. I’ve been trying to get a menu to stick to top on iPad in portrait mode with a custom boostrap 3 based theme I’m building for a week now and about to give up on THAT for a bit!

FeedWordPress
https://wordpress.org/plugins/feedwordpress/

Auto Post Thumbnail PRO
https://codecanyon.net/item/auto-post-thumbnail-pro/4322624?ref=neotrope

Post count: 187

Thanks.

Im getting an error when I click on the syndicated sites tab which I assume is where I add the feed. https://lakecountyfloridanews.com/wp-admin/admin.php?page=feedwordpress/syndication.php

Also one of the other tabs gave me the infamous cheatin uh?

Post count: 9544

Likely good to read the docs on how to use the FeedWordPress plugin first.

Post count: 187

That usually helps. ?

Post count: 9544

usually you can set defaults for ‘all feeds’ first, then add a feed (it will try to ‘discover’ feeds when you put in a URL, but best to just paste in the ‘actual’ feed you want to preview). Note, settings will be down left side for plugin, and can also be found in the menu once there when selecting the plugin – so kinda easy to get lost, but upshot two ways to get to things.

Trick is
a) defaults can be set for all feeds,
b) but then EACH feed can have special settings, like auto create tags, or not; auto assign to specific category only (e.g., “Florida News” … or “National News” if you wanted to pull ALL our news as one example into a “national” category…)
c) you can set all posts to be assigned to a special ‘author’ such as “National News Desk” or similar (obviously need to have that author setup); or some syndication partners just use “Send2Press Newswire” as the author. One site made up an author, using a chracter from Harry Potter, but I don’t usually recommend that, as it looks goofy to me.
d) you can have it set to automatically grab stories (I usually set for 600 minutes, or 300 minutes if you want to); or you can even have it done manually, where once a day you just hit the ‘syndicate’ button.

Here is an example of CaliforniaNewswire® pulling all the Send2Press® Newswire content into a “national” category along with thumbs using the auto post thumbnail pro plugin, which creates featured image from first image in each post:
https://californianewswire.com/CA/national_news_desk/

(( do *not* pull any content from CANW; as it’s copyrighted; however “Send2Press” is a newswire intended for syndication .. so you can ‘pick’ feeds to use here:
https://www.send2press.com/wire/rss-feeds-by-topic/
))

And *Radu* said it was okay for me to mention this offering on the forum here, so I’m *not* being Spammy! 🙂

  • This reply was modified 8 years by simchris.
Post count: 187

Its all good. Think I now have that working here — https://lakecountyfloridanews.com/category/florida-news

Have added the image plugin yet. Ive sent him a message as Im a little concerned it hasnt been updated in over 8 months. The category post image would be nice also but it hasnt been updated in over 2 years.

If Im going to pay for a plugin I like it to at least be tested with a much more current version of WP. 8 months is a long time these days

Post count: 9544

Well, we have been using it every day on 20 websites for the past 3 years. So it’s being used on the CANW website “right now.”

It works. Since it’s a simple function, there hasn’t been anything that has changed in WP that would cause it to break. It basically fixes something that should be built into WP to begin with, frankly.

But also does neat stuff like create default thumbs for old posts which don’t have featured images assigned, etc.

So … up to you 🙂
Works for us every day, flawlessly.

That’s how all those thumbs are seen on the ‘national’ category on the CANW link. It’s making those from the images in the syndicated posts, which are hosted on Send2Press.com. Snazzy!

Viewing 25 posts - 1 through 25 (of 25 total)
The forum ‘Newsmag’ is closed to new topics and replies.