AWS Amplify Sign In page css padding problem - css

any idea why the styling is so weird on this page?
I am not importing anything wrong here and the page has just decided to render like this? why? it was not like this earlier.

Related

Cookie banner is not displaying as intended when using Hugo with Docsy theme

I am developing a sample website using Hugo static website generator by using the Docsy theme.
The website includes the Cookie Banner so I have added the same to my static website by referencing the approach mentioned from here: https://hugocodex.org/add-ons/cookie-consent/.
Ideally, I would like the banner to be visible something like this:
But currently its looking something like this:
When I have added it along with styles and partials its not looking like that. Maybe some style is messing up the child cookie consent styles but unable to figure out the same. Can someone please let me know what am I doing wrong here?
I have added my complete code in following github project:
https://github.com/Aravinda93/hugo-docsy-learn
I am quite new to Hugo and Docy so getting bit confused on the folder and file structure hence unable to figure out which parent style is messing up my Cookie consent modal. Can someone please help me with some suggestions?
I tried couple more things but still the cookie banner is not displayed as I intended it to be. Can someone please provide some suggestion?

CSS gets messed up after Ajax page load

I have a website in wordpress. I recently download a plugin called Advanced Ajax Page Loader. It refreshes you content when clicked on other page without refreshing the whole site(header, footer). I tried to get my answer from plugins developer and wordpress support forum, but none responded.
I read that if ajax jquery call is used then all scripts should be reloaded again, for that the plugin have a place where I should put those codes. Until that everything works correctly, except one thin. When I go from a category to category, everything works fine, but when I open a single Post it completely screws up all my css for that page, when I refresh it, everything looks fine but then again, if I open one of the big categories with many posts, then that pages css is messed up.
I though that I could somehow refresh whole css by putting some code in the "Reload code" box, but I have no idea how to do that using scripts. English isn't my native language, therefore I'm having difficulty finding my answer on google, I tried, but my vocabulary is limited. How can I do it?
are you adding CSS classes to your elements via Javascript? If so, then the styles you add will only affect those elements which are part of the DOM at that point in time, so you might be experiencing a race condition, that actually happens to work in Chrome and Safari, but not Firefox.
second try to validate your markup and CSS and see if you have any error in your css syntax ?

Buddypress - Adding friends breaks layout

I am pretty new to Buddypress (this is my first install) and not so new to WP. I have a custom theme with Buddypress installed and all works great with the exception of adding/canceling friend requests. Whenever someone hits Add/Cancel Friend then for some reason it breaks the layout of the page by displaying what looks like a iframe of our site.
I have looked around the forums and google to see if I maybe forgot to add something in my theme but cant get it right.
The only way I have been able to (temporarily) fix this is by display:none on the .pending_friend selector but I know it will still display in the markup and is not the best solution.
Has anyone encountered this yet, or can suggest a fix? I feel like it is probably something really simple and my over complicated thought process just isnt seeing it.
Attached is a screen shot of what happens when you add/cancel friends??
Help
Found out the starter theme I was using had deregistered the default version of JQuery to load its own, so after troubleshooting I just removed their call to deregister and enqueue scripts and just let Wordpress do its thing, all is working perfectly now.

Facebook like in wordpress something broken

I am getting an error with my Facebook likes when using share this plugin or any facebook like script with my theme
Here is my style.css.
Can you please tell me what to edit or remove?
Maybe overflow:hidden?
The same happened with me but automatically fixed in 2 weeks.
or try to delete cache and cookies it also happens due to incomplete loading a cache and cookies
It's clearly CSS issue. I bet you have styled <li> element that holds FB like item as overflow:hidden. As you suggested. Please drop the site's url, so I could look into it.

How do I load same css and scripts as dashboard, in my wordpress plugin

I have googled this and looked across this site and for the life of me cannot find an answer,
I am writing a plugin for wordpress and when I log into the dashboard I can see a collapsable div with content all styled nicely.
When I open my plugin page I don't see the same styles even though the page is very basic.
I have copied the code from the dashboard but it seems as though some of the styles are missing.
I do not need to add custom styles or scripts I just want to load the same css as the dashboard page.
Can anyone tell me where I am going wrong? I assume that the plugin page will adopt the standard admin css, is this assumption wrong?
You don't have to load anything extra for this, just use the correct classes.
You can either look these up in the source, or by using resources as this:
http://www.onextrapixel.com/2009/07/01/how-to-design-and-style-your-wordpress-plugin-admin-panel/

Resources