Hack Forums
Can't Centre Amazon Affiliate Banner in Sidebar Widget (WordPress) - Printable Version

+- Hack Forums (https://hackforums.net)
+-- Forum: Tech (https://hackforums.net/forumdisplay.php?fid=444)
+--- Forum: Webmasters (https://hackforums.net/forumdisplay.php?fid=141)
+---- Forum: Website Construction (https://hackforums.net/forumdisplay.php?fid=50)
+---- Thread: Can't Centre Amazon Affiliate Banner in Sidebar Widget (WordPress) (/showthread.php?tid=5814654)

Can't Centre Amazon Affiliate Banner in Sidebar Widget (WordPress) - Effexion - Mar 22, 2018

I have decided to add a cool niche-related product to my post pages on the off chance and it doesn't sit right on my page.

Here's an example: http://tarantulair.com/handling-tarantulas/

As you can see, the image sits to the left. I have tried centring with <centre></centre> and adding a value to the margin but to no avail. Here's the code:

Code
<iframe style="width:120px;height:240px;" marginwidth="20px" marginheight="20pc" scrolling="no" frameborder="0" src="//ws-eu.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&OneJS=1&Operation=GetAdHtml&MarketPlace=GB&source=ac&ref=qf_sp_asin_til&ad_type=product_link&tracking_id=tarantulair-21&marketplace=amazon&region=GB&placement=B01LAUHC1I&asins=B01LAUHC1I&linkId=a945343dae439f58844a44792150f07c&show_border=true&link_opens_in_new_window=true&price_color=29d91c&title_color=0066c0&bg_color=ffffff">
    </iframe>

Any help would be greatly appreciated.

RE: Can't Centre Amazon Affiliate Banner in Sidebar Widget (WordPress) - Nachfolger - Mar 22, 2018

For the parent of that iFrame, add "text-align: center" to the css. Or just paste this into your CSS:
Code
.textwidget.custom-html-widget {
text-align: center;
}
Before: https://prnt.sc/iusxzc
After: https://prnt.sc/iuszeb

Also, <center> tag is no longer supported in HTML5. Don't use it.

RE: Can't Centre Amazon Affiliate Banner in Sidebar Widget (WordPress) - Effexion - Mar 22, 2018

(Mar 22, 2018 06:07 AM)Nachfolger Wrote:  For the parent of that iFrame, add "text-align: center" to the css. Or just paste this into your CSS:
Code
.textwidget.custom-html-widget {
text-align: center;
}
Before:  https://prnt.sc/iusxzc
After: https://prnt.sc/iuszeb

Also, <center> tag is no longer supported in HTML5. Don't use it.

I hate WP for this reason. Editing stuff like this can be a nightmare. I'll go see if I can find the appropriate file. Thanks, man!

RE: Can't Centre Amazon Affiliate Banner in Sidebar Widget (WordPress) - Nachfolger - Mar 22, 2018

(Mar 22, 2018 06:20 AM)Effexion Wrote:   I hate WP for this reason. Editing stuff like this can be a nightmare. I'll go see if I can find the appropriate file. Thanks, man!
Likewise. If you inspect element and look at the css portion, it will tell you which file it's stored it. Gl bro. The site looks nice, too bad I'm not a fan of spoders.