- This topic has 35 replies, 2 voices, and was last updated 11 years, 1 month ago by
.
-
Posts
-
Hi,
I’ve added an amazon carousel (ferris wheel, actually) widget that should normally be 160×600 to my website’s sidebar (fixmycough.com), but… the widget takes up the entirety of the sidebar’s width and I don’t know what is wrong, or how to fix it, Any ideas?
I am not seeing any amazon ferris wheel in the sidebar, so you need to elaborate.
All I see are
A search bar
An Add
A category widget
Another Add
An Updates widget
well, that’s weird…
I am logged into my WP dashboard for this site, and having the website’s homepage opened up in another tab (so I can refresh it after I make a change in the dashboard, and thus check how the new change affects the site), and there is the html code for the amazon ferris wheel added in a text widget in the sidebar. I am seeing this in the firefox browser and while logged into my website’s dashboard. But, after you told me you didn’t see the amazon widget I immediately opened up an opera browser and typed my website into it, and… surprise! I’m seeing exactly what you see.
As such, I have no idea what to make of this. I am really puzzled….
yeah, that’s why we were not seeing the amazon widget. Now you can see it clearly, in all its… ugliness 😀
Actually NO 🙂
I only see an empty space with and X at the top left like when the source is invalid. So something is still wrong with your inserted content.
I do see that the container has the class fluid-width-video-wrapper and that is styled to have a width of 100% so it would be logical that it would take the whole sidebar width
1) oh man! 🙁
I don’t understand what could be wrong. I just copied the HTML code amazon gave me and put it inside of a text widget. I’ve done this in the past for other sites, so I know it should work. I’ll go and copy the code again…
2) what does that fluid-width-whatever mean? Actually, I can figure out what it means, I only want to know how do I change it to something that makes my widgets keep the proportions they are set up with?
EDIT: re-added the code, cleared the cache again, saved changes, still won’t work
2) The HTML container that holds the content has a class ( .fluid-width-video-wrapper )
Then the add includes some styling CSS rules that include a width:100% rule.
If you wish to limit the width of the element to a maximum of 160px, and if the Add does not give you that choice, you can probably add EITHER of the two rules below in Main options > Fonts & Custom > Custom CSS Rule box
.fluid-width-video-wrapper {max-width:160px;}
or
.fluid-width-video-wrapper {width:50% !important;}
I am not sure why you would want to limit the width of that element in the sidebar though. Do you plan to insert another content besides that one ??
If you do, remember that as the browser gets smaller, that sidebar will become more and more narrow and having two things side by side there probably wont look any good.
“I am not sure why you would want to limit…”
Because of how ugly the widget looks like?
Also, if any of those 2 rules distort the content of the other widgets I will use neither. I will try them both and see what happens, but… not hoping that anything good will come out of adding them 🙂
EDIT: tested both rules, and they both seem to do the same thing, and now the widgets has the proper width. But it also makes me realize that the problem is the widget’s length, rather than the width. I was wondering…. are you really seeing the widget as lengthy as I see it? Or is it really 600 pixels for you? And if you do see it in its current, unnatural size, can you please tell me how to shrink it to its real proportions (160×600)?
Given the widget is not showing for me I cannot really test or judge.
The rules I gave you will not affect anything else but the container with that class.
But the priority should be to get the widget to show first 🙂
I still cannot see the content of the widget.
The empty box I see is 1092px high
My two rules may look the same when the browser is big, but they will behave differently when the browser gets smaller.
Using max-width:160px will keep the widget at 160px even when the sidebar becomes narrower, as long as it is at least 160px wide, then it will scale with it.
Using width:50% will make the widget always half the width of the sidebar, so when the sidebar becomes narrower, the widget will too
About those 2 rules, yeah I thought so that that’s what they’re doing 🙂
About the inability to see the content of the widget… is it possible it is your computer only? I can see the contents of the widget on 3 different browsers (IE 11, firefox latest version, and opera recent version). So, it’s probably something with your machine??
anyways…. regardless of whether or not you can see the contents of the widget the problem is the height of it. And the fact that you see it as high as me it means that there really is something wrong with the widget, or, with the theme. So, either Amazon or Weaver is at fault for this. I just can’t figure out who, and how to remedy this.
I can see it now, I was blocking flash content…
I don’t see anything in the widget styling trying to set the height at 600px, so I don’t see anyway weaver could be interfering.
Have you tried inserting the widget in a page content to see if the size you specify is respected?
If not respected there either, you can try to switch to a different theme to see if that makes a difference
it makes no difference. I inserted the code into a post (I already removed it, so you can’t see it anymore, but if you don’t believe me I can add it again), I also tried with the code of other widgets (that I’ve used in the past for other websites, and which worked as intended), but like I said, it makes no difference.
I really can’t figure out what is wrong. Can you please tell me a CSS rule for this widget specifically to keep it at 160×600?
Also, I won’t test with another theme because I made quite a few changes to weaver and I’m afraid of losing them if I change it.
- You must be logged in to reply to this topic.