Is there any way to configure the css for the Jasmine/karma webpage.
I'm having difficulties seeing the differance between the red and green text on the 'Spec List' page. A fail or success icon would be great.
Related
I am trying to make my website pages full width but I can't seem to figure out how to do it with my specific shopify theme, Mr. Parker. I think I have to make changes to the stylesheet.css.liquid, but I am struggling to figure it out. Is there a way to make my pages full width in the Mr. Parker theme?
I am a newbie and trying to do this on my own with very little background in this area. Any help is appreciated.
Amy
Hard way:
go learn css , html , js stuff to the end.
Easy way:
i don't know these stuff you said but i know pure CSS and HTML, easy way is to inspect element the page by chrome and check the biggest part of the page, like the <body> tag, then check the style tab and see what is the most top CSS file it's affecting from. change the file and you are ok!
Attention: Front-end developing is a huge field, elements on the page may affect from JavaScript then it could be so much hard for you to change things.
btw its very hard to edit responsive websites for the newbies, cause the elements may affect from multiple lines and codes and by many actions.
While clicking the dropdown in an overlay, it shows the list as expected and the main page gets hided. But when the user tries to scroll on the page, the dropdown content (list) start moving along the page scroll.
We used Dojo 1.8 for our HTML development. Can anyone help me with a suggestion to handle this?
It's not 100% clear from your question, but I believe you are describing https://bugs.dojotoolkit.org/ticket/5777. As far as I can tell, the resolution to this for moving popups along with their opener's container's scroll was only institituted in 1.9 and above (I couldn't find the _repositionAll method in 1.8).
I would suggest trying with 1.9.7 or 1.10.4.
I am working on a Ruby on Rails web app using Font-awesome and Glyphicons icons on top of Bootstrap. The icons do not show up on Chrome. I can actually get them to show up by hovering over them OR start the inspector (i.e. inspect element). Has anyone seen this issue before? I am losing my mind here....
As you can see, the first two icons are showing because I hovered over them, the rest are not showing up!
Thank you in advance for your help.
I have facepile plugin on my webpage to show faces who are using the application.
The code snippet to show facepile is
<fb:facepile id="some_id" data-size="medium" data-width="396">
</fb:facepile>
Faces are showing normally.But when I use "Use facebook as:" option from the facebook homepage and selects any of my listed pages, facepile plugin on my webpage turns weird and shows a white box with a small thumbnail and an anchor(with text 'switch') on top of it On inspecting element with chrome's right click context menu I found it's an iframe with width being 396px and height being 1000px which displays in the middle of page hiding html form for normal login too.
If I revert to my profile using "Use facebook as:" option faces start showing normally.
Am I missing something or It's a bug?
I already checked a similar question but that is related to user being not logged.
Also I checked this bug listed
on facebook developer page but it seems to be resolved.
This is intended behaviour, although obviously the error message should be a bit better - the Facepile (and indeed, most of the Social Plugins) is designed to only work with User accounts. You can be fairly sure that 99.9% of people viewing the plugins will not be "Using Facebook as" a Page.
As Pages aren't designed to really interact with Facebook APIs (beyond the manage_pages functionality) then it is likely that these plugins won't be fixed to work for page accounts, but they'd be fixed to show a message informing anyone logged in as a Page to switch back to their user account.
You can find some related bug reports below, you should consider adding your voice to them in order to increase their priority:
https://developers.facebook.com/bugs/372904202778489
https://developers.facebook.com/bugs/313164415437524
I'm using jQuery mobile, and am using a home button in the header. When clicked, the home button has a blue highlight. I want to get rid of this, but can't seem to track down the CSS rule/-webkit CSS rule to do this.
Screenshot:
Can anyone help?
In jQuery Mobile the class added to buttons just pressed is: ui-btn-active. Here is a link to the documentation that talks about this class (although it doesn't say much): http://jquerymobile.com/demos/1.0b2/docs/toolbars/docs-navbar.html
Not sure if this is what you needed but I figured it might help. I'd recommend using FireBug or some such DOM Inspection tool to view the button in real-time.
You sure that's not just the default hi-light that links get when focused?
Try
#buttonID:focus{
border: none;
outline: 0;
}
An idea to help you track the problem as you don't share the link (you can easily just share the first page), is to use Safari, Chrome or even Firefox and make them act as an iPhone so you can use their Inspector / Firebug to track the problem
Firefox has a Agent User Switcher that you can easily make use in order to the browser be intrepertate as an iPhone
Chrome has it as well just add the User Agent string in the Extension options to create a new option
Safari 5 is the easiest one as this is already built in:
Open Safari and go to the Preferences, move to Advanced. At the bottom of the tab there is a check box for Show Develop menu in menu bar.
Go to the Develop menu and move to User Agent and select any iOS device.