I am developing a website, and it appeared a "ghost" padding, that is not declared in the website, or at least i didn't declared it, i checked the plugins and the code i inserted, i tried to see if it was a sidebar that was appearing in the code , but not being shown but the padding is still there.
http://nobre.webexperts.pt
I wonder how can this be solved, thanks in advance.
I am using the theme: royalstartex theme ( that doesn't have already support ) it is based on klasik theme.
It seems like you are not talking about padding, but about the extra whitespace appearing in the bottom of some pages. That is caused by an aside element with the id sidebar being placed far below the content. Remove whatever plugin/widget is placing a sidebar there!
Related
I'm working on a Gutenberg block for WordPress. I've started adding inspector controls. However I am noticing that the InspectorControls area has no margin or padding, the controls are lined right up with the edge of the sidebar. Am I supposed to include my own stylesheet to fix this? Or am I missing a needed WP admin stylesheet?
I found the answer to my own question. Wrapping the elements in a PanelRow for each element and all of the PanelRows in a PanelBody took care of the margin and the padding.
I made my first Wordpress for learning purposes. I have downloaded Themekraft, and I added my own customized bootstrap header navbar, because I want to customize as much as I can.
I have some sections (only "inicio" and "articulos" are working), but when there is an article with photo (sometimes without photo happens the same), I have realised that blue navbar moves.
I tried to fix it in many different ways (adding a max width for the body
and navbar, deleting a lot of margins and/or paddings...), but I have only discovered that it is a problem of paddings... I think.
I mean, when I add, for example, a padding-top:10px for the body, everything seems to be ok... until I have an article or two. When it happens, it seems i have to add more padding-top on the body in order to "fix" the problem.
I have searched on SO suggestions, looking for some clues, but I found nothing.
Bootstrap navbar moves right on scroll
Bootstrap navbar covers top of section when linked
What could I do? I have uploaded the site to a server so you can check it.
http://pruebaint.esy.es/
As far as I can see it the issue is not any of your padding. Its the scroll bar that is causing the problem as the content moves somewhat to the left. If your page has lesser content without vertical scrolls you will not see the nav moving.
Is there any other problem that you see apart from horizontal movement?
This is a WordPress issue and I'm asking this question here because I believe it is a CSS problem.
I'm using Wordpress and a theme named ShootinStar but I have to do my website in an RTL language. The theme supports RTL though.
Everything is perfect when the language of WordPress is English but once I change it to Farsi, then the width of my theme increases by maybe 4 times.
The website is visible and clear but you can actually swipe to left and see the rest of the background in a wide area.
Pages are fine, no problems with that. But the 'Post page' where I do my blogging which is my main page, is facing this issue. I tried assigning it to a page, but then that page will have the same problem.
I tried disabling plug-ins and changing themes, but nothing happened. I'm guessing that it is a CSS problem, but where is it exactly? I attached screenshots and highlighted the parts with red arrows.
This is after using element inspector:
What shall I do?!
You can add this CSS code to remove the unwanted space in the x-axis direction.
#container {
overflow-x: hidden;
}
This may be a stupid question but how do i add a margin to the bottom of the tinyMCE editor. I have a margin on the bottom of the textarea I am targeting with tinyMCE but i assume it is being replaced with the editor and my styling on the textarea is moot. I opened the css files for the advanced theme but I can't seem to find what tag needs the margin added to it.
The answer to this is probably staring me in the face. But its just one of those programming days. I can't burn up anymore hours trying to figure this out I'm moving on but if anyone has any insight that would kick ass.
thanks,
-L
I just applied the following to the "full featured example" on the TinyMCE website via Firebug, it worked nicely. The textarea element is indeed replaced, though you might choose to add margin to the bottom of that too - for when TinyMCE hasn't replaced the element yet, to avoid jumping layout.
table.mceLayout { margin-bottom:100px; }
I've ported the Wordpress app from wordpress.org to my web site. I've changed the html and the css to conform to my existing design. I've placed the entry data in my 'main' div, which has a left margin of 19em to keep it to the right of my navigation div. This margin appears to be overridden somehow by the generated html within the 'main' div. I've patched some of the elements by adding the margin back to them, but would prefer a cleaner fix. I've looked at the page using Firebug, but I can't identify the appropriate entry. What is overriding my margin setting?
The problem page is here. Notice the Tags at the bottom.
Another page that doesn't use WordPress code doesn't have this problem. It is here.
Thanks for any help
I want to keep my acceptance rate high so I don't appear ungrateful for all the great help on this site. The answer was that the css was defined as a class and the html was using 'id='. Sometimes it helps to make sure the computer is plugged in.