Shopify Header Slideshow, heading and caption text needs a border around it - shopify

I am using Shopify theme 'Hello Digital 2019'.
I added slideshow images and text in the heading and caption section.
I need help to add a black shading around the white text.
Shading around the text is necessary, otherwise the text cannot be read clearly.
The attached image demonstrates why shading around the text is needed. IMAGE: Shopify Slideshow text needs shading.

Related

PDF Overlay with Solid Colour

I have a pdf with multiple pages (so doing the following manually is not an option).
Each page has text with a bright green strip bordering part of each page.
How can I replace it with a solid color (white preferred) so that it fits the rest of the page?
I tried searching
pdftk overlay white
but I'm still not sure how to create an alpha overlay (so that it will only cover the green part, but not the text).
Note: The green strip is at the same position for each page.
I also tried overlaying a white pdf page (created by exporting blank page as PDF from LibreOffice's menu) on top of the one with the strip, but the whole page turns white! (The original page is below the overlay)
How can I make the exported PDF completely transparent, except where I want it to be white?
Turns out we need to turn an image (with alpha channel) into a PDF first.
convert image.png image.pdf
Then stamp image.pdf onto the original pdf
pdftk original.pdf stamp image.pdf output output.pdf

How can I place descriptive text next to each image in Colorbox?

I would like to display descriptive text, next to each image in a Colorbox gallery. I can give sufficient width to get me space around the image using the colorbox parameter 'width' and change some CSS to get the space to the left of the image. Now, I want to place text in the white space. All the content is generated dynamically but that does not matter for this question as the colorbox code itself is generated using PhP.
Any ideas of doing this without changing the colorbox JS code?

Resize buttons styled with AppBarButtonStyle

I like the AppBarButtonStyle idea of using font character as button icon because of its scaling abilities, but it is of no use if i cannot resize them properly.
Changing Width or Height of button does not work, because AppBarButtonStyle only resizes padding between button icon and button borders. Changing FontSize of button does not work either.
Is there any way of resizing buttons styled with AppBarButtonStyle in WinRT application? I dont mind if i have to override or modify AppBarButtonStyle, as long as it preserves the ability to use font character as button icon.
Any useful advices will be appreciated!
You can easily create your own custom button from AppBarButtonStyle from the original in the standardstyles.xaml .
I did so to create a custom smaller button with no text and the only hard part was aligning everything: you're not adding shapes, you're adding a character, so it may not be as aligned as you think. Default Buttons contain 3 charatctes: outline, fill and glyph.
If you want, I can share my simplified code for the control.

PDF Highlighting above image / below text

i'm trying to highlight text in a pdf, and have the highlighted rectangle to be drawn under the text.
It works fine on most PDF's, but I jumped into a problem when the text I'm trying to highlight has an image/background under it. The problem is that the highlight rectangle is drawn under the image as well, so it is not visible.
The drawing order I have is this:
draw a blank rectangle with the page size
draw the highlight
draw the pdf using CGContextDrawPDFPage(context, page);
Is there a way to draw the PDF images and text separately? so that I could go
blank rectangle
pdf images/background
highlight
pdf text
Do I have to do something to the pdf / context so that it draws it automatically the way I want it to? I've tried messing with the context but nothing worked so far, it's all drawn entirely under or entirely above the full pdf
Every reader I've seen does this (PDFExpert, GoodReader, iAnnotate to name a few), so it can't be impossible, I just haven't found the solution yet :)
Any help will help, thanks in advance!!
Cheers
My understanding is that these other apps are reading and rendering the PDF themselves (they support selecting text, or adding annotations, for example), so they would be able to much more easily layer things in the way you're mentioning.
The CGPDFDocument you're starting with is an opaque object (in the OO sense, not transparency) that can draw itself, but I don't know of any way to break out and render various sublayers of the document.
As a way forward, you could look at using Core Image (iOS5+) or some other method to blend the highlights layer with the PDF. If you used the right filter (Multiply, maybe), the darker text would still come through and a .3 alpha highlight would blend with any background.

Getting the bounding box of each glyph in pdf - iOS

I've been trying to highlight text in a pdf. After a lot of research and experiments, it seems like I have to find the bounding box of each glyphs, create an overlay where the actual drawing is happening, and highlight the text by filling the CGRect with the info from bounding box and fill it with color. Now, I am stumped with the bounding box.
I've been using the PDFKitten to search and highlight the text. Now I want to use it to select and highlight the text. What I don't understand is how does it use the bounding box ( as well as other information like ascent, descent, capHeight, etc.) to fill highlight the searched word. When I tried to access the FontDescriptor class to get the info, it displays this:
2012-06-28 16:32:20.626 er[2408:15203] x:-665, y:-325, width:2000, height:1006
2012-06-28 16:32:20.627 er[2408:15203] x:-157, y:-250, width:1126, height:952
2012-06-28 16:32:20.628 er[2408:15203] x:-628, y:-376, width:2000, height:1010
It is very confusing so if anyone can clarify this, it will be very much appreciated.
You cannot use font descriptor information to get bounding box for the glyph.
PDFKitten takes care of finding width and height of the each glyph using RenderingState model.
You can use the same to find the location of the word while scanning the PDF.
Font dictionary provides the widths for the glyph. You can use cid to get the correct width of the glyph.
Try to look into highlighting code of the PDFKitten.