css - Wordpress Responsive Widget Containers -
I have found a very specific problem that I'm running and went to theme developer MIA.
I have linked this issue with a screen call and I will try and describe it as much as possible, even here If more information is needed, just tell me and I will provide as much as possible.
Screen Cap:
I am using a very modified version of this topic, but it should not have any effect on the subject's functionality:
As you can see - homepage widgets, opposed to custom page layouts, each is designed to display in their own container (we are ignoring the top slider because it there is no problem). Widgets which are included in the theme's work are just fine and the size is displayed correctly.
The homepage layer structure (back-to-front) is: Background Image -> Sidebar / Menu & amp; Page Backgrounds -> Page Content (Sliders and Widgets)
The problem is with third party widgets / plugins and much more any interactive content, these containers do not extend correctly and end up leaving the majority The content is not visible
I am using plugin eventon (www.myeventon.com) and if there are 2 events in a month, as shown in the screen cap, it shows fine(Note: When an event is clicked / a lightbox is popped up with event information - this is not a problem) but if there are 2+ events in a month, the box will display information The shape changes, but everything else does not fit on the page.
If you look at the basic theme demo, then each box is different between each widget.
When you look at the screen cap, you will see that the difference goes away and there are additional events (I'm assuming) under the widget below the event widget.
Each container I need is to make it responsive to the content displayed on each page, regardless of placements on the page while maintaining a single space between each container. Also, the background of the actual page also requires expansion to complete the content, which does not seem to be so.
I am trying to decide for almost a week and have been completely trapped.
Does it all understand - if it is misleading or if I am not explaining it correctly, then I know.
Thanksgiving template has a very rigid design because each content div is fully positioned in the div section (hours, latest images, lunch special, next event, latest and nearly) container, and as far as I can tell, the material is overflowing in the bottom of the main content section.
Using Red Sun Themes as an Example: You are right, the overflow content is displayed below the "Next Event" section from the "Latest Images" section (where you have your plugin) .
-
A quick solution is to give the "latest images" device (it keeps your plug-ins) compared to the "next event" in a higher z-index. In this way, it will appear at the top of "Next Event" instead of the bottom. Luckily remember to give the z-pointer to all 3 divs in the column is not too much plugin. Example: z-index: 10; For "latest images", z-index: 9; For "next program", and z-index: 8; The bottom size of your div is always enough space for the plugin.
-
Minimum width can work well.
-
Then move the "next event" down a few pixels so that the "latest images" overflow do not overlap its head. You probably have to go down "About" too.
-
Once you move the other 2 divisions down, the bottom divider can push past the bottom of the container, and its contents may be hidden. The solution is to reduce the height of the divs by reducing the font size / padding ... Another solution is to increase the height of the main divide which is directly under the container device, it seems that the height is also in the html code. Note: By this end, it appears that the template keeps the Diva styles in the HTML code, so make your adjustment (Z index, top positioning) there.
Another solution "scrollbar (add width and overflow: auto;)" latest images "section, so when the plugin overflows, there will be a scrollbar but then the area of the content area scrollbar Will be affected.
Comments
Post a Comment