WordPress.org

Ready to get started?Download WordPress

Forums

Ad King Pro
[resolved] Not Responsive (8 posts)

  1. Patricksit
    Member
    Posted 9 months ago #

    Hi,

    Will there be a responsive mode option in the near future?

    Placed Adverts dont rezise in a responsive theme.

    Thnx for this great plugin

    http://wordpress.org/plugins/adkingpro/

  2. Ash Durham
    Member
    Plugin Author

    Posted 9 months ago #

    Hi Patricksit,

    As everybodies frameworks and needs are different, I can't supply you with a definitive responsive solution. Making Ad King Pro responsive for your design is as simple as using the classes provided on the ads containers and creating your own CSS for that. If your not a developer yourself, the developer working on your site should know how to do this for you.

    If you dont have a developer and require further help, please contact me via email and I can give you some guidance or even do it for you if needed.

    Thanks

    Ash

  3. prepu
    Member
    Posted 8 months ago #

    MMMmmmm... I was looking exactly for the same. I have 2 testing servers and It happens that in one I have the "Twenty Thirteen" theme and in the other one the "sommerce" theme. With the first one it works ok but I don't know how to arrange for the sommerce theme. You can have a look here:
    http://5.135.158.142/wordpress/
    http://www.musicalis.es/wordpress_test/

    Can you give me an idea?

  4. Ash Durham
    Member
    Plugin Author

    Posted 8 months ago #

    Hey guys,

    As mentioned, "responsive" adverts is dependent on your themes and should be managed by your own CSS. The latest version (1.9.8) has a CSS text block that you can enter CSS into if you need.

    Thanks

  5. Patricksit
    Member
    Posted 8 months ago #

    FYI

    Responsive problem solved (Thanks Ash for pointing it out):

    Enter the below code in the latest version (1.9.8)

    Go to Advert Settings at the bottom in the CSS text block (Custom CSS) enter the code below and Save Settings.

    img {
    max-width: 100%;
    height: auto;
    }

    Greets, Pat

  6. Ash Durham
    Member
    Plugin Author

    Posted 8 months ago #

    Hi Pat (and everyone else reading this post),

    The CSS posted above is NOT the solution to the problem for multiple reasons. Sorry Pat, but the CSS you have implemented can cause some serious problems for some people. Let me explain.

    The CSS you have used here is targeting EVERY image on the page. It may work for you if the only image you have on your site is the adverts and it resides in the sidebar, and you want them to be the full width of the sidebar at all times. If you add an advert in the header and only want it to respond at widths of 480px and lower, or you add images to your blog posts, ALL of these images will go to the width of it closest set container. That may be the #primary div that is only 66% of the window dimension (again, depending on the theme your using), or in the case of some headers, would be the width of the window, which for most people, wont work.

    This is why the plugin is unable to set "responsive" css automatically because it depends on the theme and the way you are wanting the advert to be displayed and respond.

    I would recommend targeting your adverts specifically, for example:

    #secondary .adkingprobanner img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    }

    or

    #header_container .adkingprobanner img {
    max-width: 480px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    }

    Most themes would run with gutters at responsive widths, say for example you didn't have your advert in a container that added that padding, you could do the following to match it:

    #your-container .adkingprobanner img {
    max-width: 480px;
    width: 90%;
    height: auto;
    margin: 0 auto;
    }

    This will ensure that the advert never goes edge to edge and gives you a 5% margin on either side, no matter the window size.

    You could then go down the path of using media queries which would again depend on the rules already set in your themes CSS.

    I suggest targeting the container your advert is in due to the fact that you may be running multiple adverts on one page and require different CSS for each, to allow it to react correctly for the banner dimension and position.

    So as you can now gather, there are many different ways people can use Ad King Pro and many ways that it would be required to respond, making it impossible for me to 'assume' what CSS is needed in the plugin to serve everyone and without affecting or changing anything else on the page.

    I hope you now understand why the plugin is unable to handle the responsive nature of the advert for you and why the above CSS is not the best way to handle adverts responsively.

  7. prepu
    Member
    Posted 8 months ago #

    Thank you for all the explanation.
    I also have to give thanks to Pat because for me it is something that it works!
    Ash, I have an idea for you: Why don't you develop a version of ad king pro specifically for "responsive" ads? I mean to create banners for mobiles and tables. I have being looking for something in that field and there is almost nothing.

    //David.

  8. Ash Durham
    Member
    Plugin Author

    Posted 8 months ago #

    David,

    Pats CSS will work, however, it will also effect every other image on your site, which is not good practice, as I have explained above. I want to make it very clear that I don't support the use of that piece of CSS at all and I have provided alternatives above to do it properly.

    I don't think you quite understand the concept that I have outlined above regarding responsive code and NOT being able to provide this as a service. As every site is different, the code to do responsive will always be different. As mentioned above, I'm unable to assume what code will work for everyone.

    Ad King Pro doesn't 'create banners', it provides a quick and easy way to add your own banners to your wordpress site and track impressions and clicks on those banners. It is up to the site owner on how these banners display due to the fact that every site is different. To have banners work correctly on mobiles and tables simply needs the correct CSS applied and examples of this are as above, however in no way do I expect the above to fix perfectly into your theme. Tweaks and changes will need to be made to work for you.

Reply

You must log in to post.

About this Plugin

About this Topic

Tags