How to change the background colour of the top header bar (where the transparent brand logo seats) of story/article pages, in Apple News ?
Couldn't find at configuration in iCloud News Publisher > Settings > Branding
Does the brand need to be registered at https://register.apple.com/business/ui ?
Tried following via article.json, but didn't work
"documentStyle": {
"backgroundColor": "#F8F8F8"
}
The color of that bar cannot be changed in code or in iCloud News Publisher. If you have a publisher representative at Apple, you can work with them to customize the color of that bar.
Related
I am editing a site in wordpress acting on custom css. I would need to have a black background on the main page where all the products are displayed and keep the white background inside the product sheet.
currently I have entered this code:
.site-container {
position:relative;
background:black;
}
this code worked in the main product grid, now the background is black, the problem is that it also changed the background of the single product page. how do i exclude the command to make it stay only on the product grid?
or alternatively which code should I enter to make the product sheet background white?
(the site I'm working on is not online yet)
thank you
Just add the background property to the page ID class for the page you want to change the background.
So for example your page ID is 6:
.page-id-6 {
background:black;
}
This css is only applied to the page with the ID 6.
You can find the id with the dev tools of your browser, just have a look at the classes of the HTML Body.
I am following Stripe's JS implementation of Apple Pay on the Web (https://stripe.com/docs/stripe-js/elements/payment-request-button). It uses an element with an id of #payment-request-button and Stripe loads the button in an iFrame so that it remains PCI compliant. The button is loaded in the iFrame at 40px height and black background.
Looking at Apple Pay's own documentation, there are a few button options and button styling options ( https://applepaydemo.apple.com/#display-button ), as well as text such as "Checkout with Apple Pay" or "Pay with Apple Pay".
Is there a way to apply these text options and custom heights to the Stripe implementation?
You can style the iFramed button with the pre-built theme's as shown here: https://stripe.com/docs/stripe-js/elements/payment-request-button#html-js-styling-the-element
Alternatively, you are able to create and style your own button, then call paymentRequest.show() to trigger the payment sheets: https://stripe.com/docs/js/payment_request/show
The front end of the Joomla LMS component from King Products is supposed to allow me to change the style that is used in the front end of the site.
However, I am unable to find how change it.
Any advice would be much appreciated.
This Joomla LMS is one of the best choices, it has far more features than any other on the market. In the admin section of the component, if using Joomla 2.5 OR 3+ click options.
you will be taken to the component config page.
There are three tabs.
On the LMS King main preferences tab, you will see the option "Template Style"
These are for the front end style. I like the "guru" style the best.
While you're there, you can set the admin styles too in the "Admin Color" option. I like the "Modern excellence" style.
Good Luck.
How do I turn off or hide the "More Options" item in the Azure Media Player controls menu?
I still need the other controls, so disabling the entire control bar is not an option.
Currently Azure Media Player does not have any API to turn off the more options menu as it is used to house the buttons when the control bar is too small to correctly display this.
You can however hide this button with some simple CSS:
<style>
.amp-moreoptions-control{
display:none;
}
</style>
You can also add new ideas or requests for Azure Media Player here:
http://feedback.azure.com/forums/293565-azure-media-player
Pass a custom plugins > controlBarIcons object on the amp consturctor options works well too, like:
plugins: {
controlBarIcons: {
leftIcons: ["playToggle", "previousTrackButton", "skipBackwardButton", "rewindButton", "fastForwardButton", "skipForwardButton", "nextTrackButton", "playbackSpeedButton", "liveDisplay"],
middleIcons: ["liveIndicator", "currentTimeDisplay", "timeDivider", "durationDisplay", "volumeMenuButton"],
rightIcons: ["shareButton", "castToDeviceButton", "audioTracksButton", "subtitlesButton", "captionsButton", /*"qualityButton",*/ /*"moreOptionsButton",*/ "fullscreenToggle"],
removeOtherIcons: ["qualityButton", "moreOptionsButton"]
},
}
You must put the icons that u don't want to be displayed on the "removeOtherIcons", futhermore this allow you to change the order or or move the icons to other bars.
I am trying to modify the web interface of bootstrap theme in OpenWrt's luci web interface and i managed to change colors and some simple things but i cannot find how to change the names of the tabs (for example instead of "status" to write "status11111"). Also i wanted to add a logo picture on the top of the page and i managed to add it for the login page and also it appears on the default main page after the login but then if I swap to any tab the picture appears like crashed or missing (see the image bellow) and the link becomes like this "/cgi-bin/luci/;stok=96c966ea63a7913b6c02fc09c7862d77/admin/status/overview".
My 2 questions are: how can I change the names of the tabs and how can I add a logo picture on the top of the page so it can appear to every tab? What files do I have to modify?
For question #1 "how to change the names of the tabs", you want to look in /usr/lib/lua/luci/controllers/admin
There will be a number of files including "index.lua", "status.lua", "network.lua", etc. If, for example, you wanted to change the name of the status tab from "Status" to "New Status Tab Name", you would go into status.lua and find the line:
entry({"admin", "status"}, alias("admin", "status", "overview"), _("Status"), 20).index = true
and replace it with:
entry({"admin", "status"}, alias("admin", "status", "overview"), _("New Status Tab Name"), 20).index = true
For question #2, what exactly did you edit when you added the image?