White Space on Wordpress website to the right when switching to rtl in elementor specific pages
Here is webpage :
site url
tried
html, body {
overflow-x: hidden;
}
but not working
Try adding this to your CSS:
.rtl .elementor-top-section {
left: 0 !important;
width: auto !important;
}
Related
I was supposed to correct the issue with responsivesness on mobile for this site. At this point I need help to figure out why this website behaves like this on a mobile view. I cannot figure out why there is horizontal scrolling the landing page.
Its due to the social icons Css
Just paste that in your theme custom style.css
.norm_row {
left: 0 !important;
right: 0 !important;
width: 100% !important;
text-align: center !important;
}
On my website https://www.nologo.surf/order-online/ the theme is the Uncode in Wordpress.
And i cant center the iframes...
In this Link: https://www.nologo.surf/order-online/
The iframe arent center and are not full...
And here: https://www.nologo.surf/twin/ on 360º image isnt center...
Can you help me?
Thnaks
Just use simple CSS for this iframe
iframe {
display: block;
margin: 0 auto;
}
For center 360º image add this (or like inline style):
#threesixty-slider-1889_HIg3ll {
display: inline-block;
}
I'm having issues with some padding/margin issues on a site. It's a WP site that I am building for a client - not my original code. I am using a child theme to customize styles.
My staging site is here http://7a9.007.myftpupload.com/
If you scroll to the bottom there is a white margin between the teal section and the gray/blue footer. Additionally there is excessive top padding on the footer that does not exist on the other pages (for example: http://7a9.007.myftpupload.com/services/)
I want both the white margin and the extra top padding on the footer area removed but checking in chrome developer mode shows nothing to target. What am I missing?
Remove the following: margin-bottom: -89px; and top: -149px; it's commented out below, but should give you an idea where to look.
style.css
.home #main-content.trans-header, .page #main-content.trans-header {
/* margin-bottom: -89px; */
}
layout.css
.home #main-content.trans-header, .page #main-content.trans-header, #archive #main-content.trans-header {
position: relative;
/* top: -149px; */
}
#header-wrap {
position: absolute;
background: #29333d;
width: 100%;
}
To reduce the white-space for the both pages, pull the footer up using negative top margin like this:
#footer-widgets {
margin-top: -100px;
}
And then fix the little bit of white-space between the blue tweets div and the footer on this(http://7a9.007.myftpupload.com/) page, left using the above code:
.vc_custom_1492563370829 {
margin-bottom: -50px !important; /*add this*/
border-bottom-width: 0px !important;
background-color: #1c89ab !important;
}
I'm having issues with my website's footer (theniftynerd.com). I installed a new Weebly theme a couple days. When I installed, everything was fine and looked good. All of a sudden yesterday, my homepage footer appeared broken. It does not span the full 100% width of the screen -it's like it's stuck at the width of the main body. The footer is completely fine on every other page though.
The only edits I made to the new theme were to widen the sidebar of my blog pages using this code:
blog-sidebar { width: 250px; } .column-blog { float: left; width: 235px; margin: 0; padding: 0; }
I also changed the background color of the theme's buttons -literally only changed the hex color value (the site was fine after both of these edits). I don't understand how the homepage footer broke and why the other pages are fine.
Here's what the footer code looks like in the CSS (I only have access to editing the CSS):
/* Footer */
.footer-wrap .container {
padding: 0;
}
.footer-wrap .wsite-footer {
width: 100%;
padding: 40px 20px;
box-sizing: border-box;
}
.footer-wrap td.wsite-multicol-col {
margin-bottom: 25px !important;
}
.footer-wrap td.wsite-multicol-col:last-child {
width: 100% !important;
}
I'm not the most code savvy, so any assistance is greatly appreciated! Thank you
The issue is that there is some unclosed tag in <div class="container"> and because of it the footer gets into this <div class="container"> while it mustn't. So, find a tag inside <div class="container">(the one in <div class="main-wrap">) that has no it's closing pair and the issue will be solved)
After installing a plugin at my blog on wordpress.org there's a empty blank space at the bottom of my site, after the footer that i'm unable to locate or remove.
The site is www.wearethepassengers.com/es
Any suggestions would be greatly appreciated as i'm just a not very expert user yet :)
thanks
There are 2 things which are causing the white space and smiley image in the footer.
wpstats - It adds a image at footer. So hide it using CSS.
img #wpstats{
display: none !important;
}
The social icons on the right hand side has the padding of 5px. So remove the padding:
.addthis-smartlayers{
padding: 0 !important;
}
If you check your css code, you have following code:
.addthis-smartlayers, div#at4-share, div#at4-follow, div#at4-whatsnext, div#at4-thankyou {
margin: 0;
padding: 5px;
}
Change this to:
.addthis-smartlayers, div#at4-share, div#at4-follow, div#at4-whatsnext, div#at4-thankyou {
margin: 0;
padding: 0;
}
This would solve your issue.