Widget is cut
-
Hello,
I am making a new website (not yet live) for a customer.
I have placed the Facebook box widget in the footer.
On the settings page it looks perfect. But in the footer it is cut on the left, though I gave it more width.
How do I fix that?
The theme is child of Twenty Thirteen.
Thank you for your help,
VeraThe page I need help with: [log in to see the link]
-
Hi beitsiach,
We checked the issue please follow these steps.
1. Go to your theme -> click on customize button screenshot 1
2. Next click on Additional CSS screenshot 2
3. Copy CSS.widget-area.masonry .widget { position: static!important; width: 31%; } .fb-like-box.fb_iframe_widget { width: 100% !important; } .site-footer .widget-area, .sidebar .site-footer { min-height: 222px!important; }4. Paste CSS here and click on publish button for save settings screenshot 3
Thanks.
Weblizar,
Thank you for replying so quickly.
I have done as you said, and it is much better, but still not quite full.
VeraHi beitsiach,
– Please also paste this CSS and update it.
.widget{ padding: 20px 10px 20px 10px !important; }Thanks.
Thank you! It’s perfect now.
Very grateful for your assistance.
VeraHi beitsiach,
We are happy because your issue is fixed and enjoy our plugin.
If like you support please review us.
Thanks.
-
This reply was modified 8 years, 5 months ago by
weblizar_support.
I’m sorry to bother again, but the faces began to show, and there is not enough height still for the face.
I can see there is a div declared withmax-height:89px;as element-style, but I don’t know where it gets the setting.
Can you please help change it?
Thank you,
VeraHi beitsiach,
If you want to increase the height of widget you can set the height using plugin settings
For help check this screenshot.
Thanks.
Thank you.
As a matter of fact, I already did that. In fact, it’s about the first thing I did. Screenshot here.
It just doesn’t seem to mind the settings…
Vera-
This reply was modified 8 years, 4 months ago by
beitsiach.
Hi beitsiach,
Method – 1 Please follow this screenshot
If method – 1 is not working use method – 2
Method – 2
– Please paste this CSS and update it.._2lqg { background: #f6f7f9; border: 1px solid #e9ebee; border-top: 0; max-height: 300px!important; overflow-y: auto; }Thanks.
-
This reply was modified 8 years, 4 months ago by
weblizar_support.
Thank you, it worked.
-
This reply was modified 8 years, 5 months ago by
The topic ‘Widget is cut’ is closed to new replies.