Twitter seems to have removed most of the ability to styling the widgets. But thing is I keep seeing websites with custom widgets. Is there any way to still do it? I saw a tutorial on taking the JS and the CSS and placing it on your own server. It doesn't seem to work that way anymore, though. Does anyone have a clue on how to do this? I need my widget to fit the theme of my website perfectly.
I'm talking about like removing the widget header, hide pictures from the feed, etc.
This JS snippet will let you add custom CSS styles to the Twitter embed widget: https://github.com/kevinburke/customize-twitter-1.1
Related
I have a query concerning changing css for buidfire app.
In specific to adapt the css for the buildfire feature "free text questionnaire" in the marketplace.
Need to adapt font size (to be smaller), the col of the query text and the buttons for answering and next or previous to be smaller.
Can someone pls kindly help where to find the relevant CSS document?
I have already downloaded the sdk on GitHub.
But we don't need to develop a new plugin, only need the relevant CSS for the free text questionnaire feature to adapt those 3 things.
In one video "how to use custom widget" there you have directly the view to see those 3 possibilities for HTML view, CSS view and JavaScript in the control panel and next to it directly the results in the widget.
Where can get this custom widget?
If it´s not possible with this custom widget which css file is the relevant one in the sdk buildfire js plugin?? There are several css documents shown.
Which is relevant for customize font-size, button size??
Thank you very much for your kind help!
Kind regards,
Angelika
I believe this the custom plugin you are looking for
https://github.com/BuildFire/customPlugin
However, not sure how would that help you since the free text questionnaire plugin is not an open source plugin so you cannot make changes to it and the custom plugin is just another plugin
I've been looking to use various Youtube video plugins on my Wordpress site in order to be able to automatically make the videos responsive.
Using the standard iframe embed code from Youtube will display the videos fine. Proper paragraph is added relative to the text below. This happens automatically. So, when I use or to display images or videos, all is fine with proper paragraph.
Strangely though, if I use brackets/shortcode or to display image or video, paragraph is not respected.
I tried this on my other page which uses the same theme and the same page builder and all works well there, so obviously something is broken on my site.
For me this is like looking for a needle in a haystack, but I have tried disabling the plugins one by one which did not help. I've also tried to look in my child theme css where I do the changes, but could not see anything directly that seemed related to this.
Any suggestions what else I could try?
I am using Twitter BootStrap Plugin compile 3.3.5 with Grails 2.3.11 and I've added the pagination fix in Config.groovy. When I go to display a list of records (Index action) the pagination seems to be messed up. It displays a vertical block of page numbers instead of the sleek pagination of default Grails 2.3.11. I have the pagination with bootstrap below:
This doesn't seem to be what it looks like. I figured it would display horizontally and not take up so much space on the page like it is now. Normal pagination shown for reference:
Can anyone confirm that what I have attached is default behaviour of the plugin? In any case, how can I fix this issue?
Line in Config.groovy
grails.plugins.twitterbootstrap.fixtaglib = true
For anyone interested:
Some more researching has me understanding that I have to override the twitter bootstrap plugin pagination code. I don't want to do that. So I ended up with a workaround of manually installing bootstrap into my application (added relevant css and js links in my gsp files). I am still interested to know if what was asked in the OP is possible, however I am now able to take advantage of the bootstrap v4 styles which is a plus to me.
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/
Facebook has these social plugins:
http://developers.facebook.com/docs/plugins/
that can be plugged into a website very easily. They offer limited customization options, and I was wondering if it is possible to change the default CSS to allow custom fonts and colors, re-size images and re-arrange the placement of the buttons or comment.
The particular plugin that I'm looking at is the comments plug in.
Any help or reference that can help me out is greatly appreciated.
Using javascript, YES you can.
give the iframe a name and using prototype framework it can be done like this
frame1.$('mydiv').style.border='1px solid #000000'
and so on. It is possible with any framework.
Make sure you load this javascript after everything is loaded.
Try adding it just before the </body> ....
You're changing the style locally, not on the remote server. In other words, your browser retrieves the vanilla content from facebook and then the JS does it's work inside your browser w/o FB knowing about it... (might be counter-EULA?)