I'm looking for an solution where I get an border around the house number on the mailbox. I am selling stickers for mailboxes.
I need the border to dynamically get bigger, or smaller for both 1, 2 and 3 numbers on it.
I also need the calculated size on top, so that the customers can see the size on the sticker.
Is this possible on CSS, or do any have some inputs to help me in the right direction?
Thank you
I'm not good at CSS, but the plugin in shopify only allows to add css, so I was hoping that someone had an fix, or something to help me in the right direction
Related
I am administrating the homepage of our local sports club which can be found under svwalddorf.de
The page runs with typo3 10.4.22 with bootstrap package 11.0.3.
The basic template of bootstrap leaves a lot of empty space on each side of the centered content area
On our site this currently looks like this. (unfortunately not allowed to include images yet)
While this looks pretty nice, it wastes a lot of space. Therefore, I would like to change the size of the padding areas (marked red) to have more room for content.
I am pretty sure that I just need to find the right line in the correct css file. After all, the grey carousel element near the top uses the entire width. I just do not know what to look for.
Can someone point me in the right direction?
Thank you very much in advance!
Good day, I'm having a problem achieving scrolling image with fixed position.
I have done half way of achieving what i wanted by creating two background images with fixed positions, (1 is normal, 2 is gray scaled).
once i upload it into wp site, they stay in background + they stay positioned at the top left of the page, (even after i specify their location, but images fixed to the view port, which what i don't want).
here's the link of my code: [https://jsfiddle.net/rf759hw3/1/][1]
now what i wanted to achieve is:
1 - keeping images in specified position while scrolling.
2 - once i reach to page section which has image, only then scrolling start from greyscale, to original (not while i scroll the page itself).
i found a website which achieve same concept which I'm looking to achieve:
http://tnc.org.cn/#TNC#events (the river section)
but their heavily filled with JS with many dependencies, and i am not yet familiar with js btw.
after days of research i found something which can achive my purpose using js called "Magic Scroll" , but i couldn't find an example which suites my purpose to achieve, which is keeping my images in position as i scroll and overlap one another when i reach their section , any advice or help is much appreciated. Thanks
I'm looking for guidance here:
I have an image of a band about halfway down my page. When the user scrolls to it I'd like the band name to appear on top of it and then each member's heads get circled and their names popup next to each circle.
Hopefully that's clear -- it is in my head at least.
I'm thinking this could be accomplished using CSS animations, but I unsure. There's probably more than one way to skin this cat. Looking to be pointed in the right direction.
Thanks in advance.
Here's the JSFiddle (disregard the differences with picture below):
http://jsfiddle.net/stapiagutierrez/y2PhX/
I'm supposed to have something like this in the white background, but the images in the center and right column seem to expand outside of their domain.
Any suggestions on how to cleanly handle this situation? It needs to be nice and centered, needs to end up like the picture, I feel I'm close but can't quite get there. Thank you, learning quite a lot in this tag area in Stackoverflow.
Use pixel widths, not percentage.
With most modern browsers is easy to create rounded corners in CSS, so I was wondering if its posible to create a rounded corner that bend outwards or if I still need to fire up PhotoShop for creating such an effect.
The bottom foot in "See tab" from the picture below demonstrates what I am trying to do with CSS:
note: I am unsure if foot is the correct word for this (which have made googling it hard) so if anyone knows the real (or better) term then please let me know and I will update the question accordingly.
Chop that problem up into segments so that the illustration would have a blue shape with one rounded corner on top of a white background, next to the "See" tab, and so on. By picking the colors carefully, and using shapes that you know you can generate, you can establish a pattern that will work with the tools available.
Notice that you do not have to round all corners on a rectangle. You can specify, for example, bottom right.
Reference: http://www.css3.info/preview/rounded-border/