Has anyone figured out the exact code and styling for the new drop down/pop up share box that comes with the new default tumblr theme? (this one: http://www.tumblr.com/theme/37310 )
It comes with:
"Share to twitter",
"Share to facebook",
"permalink",
and when on safari for iPad or google for android it shows
"Open in app".
The new like and reblog buttons are shown in tumblr theme docs but not the drop down share menu
It looks like this:
http://i.stack.imgur.com/nZ7PE.jpg
I would like to start adding the box to the themes I use. Thanks.
Related
I am using the theme "Debut" and I've copied it to make a custom theme out of it.
Then, under "Edit code" I have create a new template for "blog".
Now, when I click on "Customize" button at my template, and the theme editor opens, I have a select box in the top bar where I can select the themes templates, and the pages I've created. But I can't find my custom blog template there, to edit it via the drag & drop editor.
How can I achieve this?
Any help is highly appreciated, thanks!
Once you add any custom template for a blog, product, or collection, they are not available directly into the backend customizer in Shopify.
In backend default templates are available, you need to assign the template to a page, product or blog and then navigate to the desired page, collection or product and blog page into backend using customizer window and then you able to edit the sections and blocks that are added to custom template code.
I am trying to add a video instead of image in to Shopify store. I tried using ALT image code embed video but it did't work. So how can I do it? I found some stores do that please see this site:
https://www.beardbrand.com/collections/utility-balm/products/tree-ranger-utility-beard-balm
I need exactly the same.
Here's a simple way to set a video as your product image.
In your admin - select a product you would like to add a video to.
Hover over a product image you would like to add your youtube video to.
Select "Edit Alt Text"
Paste your Youtube embed link in the dialog box.
Save your changes!
I recently found that one of the custom apps I can add to my Rally homepage is a custom HTML app.
This will be really useful to me, since I can use some HTML (Bootstrap) headers to separate apps on my page and make it more organized.
I got the custom HTML to show properly (and I currently have a header/divider) however, it is showing the grey title bar just like any other app would.
Is it possible to hide this when using the HTML app, so just the HTML output shows?
(If anyone is familiar with apps in Sharepoint, it's called a "Chrome" and you can hide the chrome/title so just the content shows.
I don't think there's any built-in chrome to the apps themselves... Can you show a screenshot? Are you following the general formula to embedding apps presented in this guide?
https://help.rallydev.com/apps/2.1/doc/#!/guide/embedding_apps
I got this "Your Follow Button plugin code:" from my Facebook Developers page, but do not know how to place it in my Facebook Page.
The pop up window gave me this:
Include the JavaScript SDK on your page once, ideally right after the opening tag.
And than bellow:
Place the code for your plugin wherever you want the plugin to appear on your page.
I am not savvy at all about this. I tried to place this code in my question, but got "Oops! Your question couldn't be submitted because:" Can someone help me, please?
you can't put the "follow button" directly onto your facebook page (aka timeline).
the social plugins can only be used in combination with your own website. copy/paste the correspsonding JS SDK code to your website and everything's working as expected!
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.