IndianaGirl

I finally found the style I want to use as a site border; however in this example it contains content in it, as it's being used as a content block. I just want a border to use for the entire site to give it site a "story" look. I'm not sure how to modify it correctly to use as a global site border. I'm still in the css learning phase. Additionally, the code might be in need of some tweaks, as it is several years old. If anyone can help edit it, that would be so great!!! On this site, https://onaircode.com/css-border-examples/, it's the first example; 1. Fancy border. The code they use ... html: .box .box-inner %h1 Lorem Ipsum %p Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum laudantium odit, eligendi architecto eveniet labore error minus, temporibus doloremque, amet itaque. Voluptatum rerum dolorem nesciunt totam. Saepe reprehenderit dignissimos error! css: @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700); $color-alpha: #b78846; * { margin: 0; padding: 0; border: 0; box-sizing: border-box; &:before, &:after { box-sizing: border-box; } } html, body { height: 100%; background: radial-gradient(#003, #000); overflow: hidden; color: #fff; font-family: 'Open Sans'; font-size: 18px; } h1 { font-weight: 700; margin-bottom: 0.5em; } .box { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); background-color: rgba(#000, 0.5); width: 100%; max-width: 600px; padding: 5px; border: 2px solid $color-alpha; &:before, &:after { content: "•"; position: absolute; width: 14px; height: 14px; font-size: 14px; color: $color-alpha; border: 2px solid $color-alpha; line-height: 12px; top: 5px; text-align: center; } &:before { left: 5px; } &:after { right: 5px; } .box-inner { position: relative; border: 2px solid $color-alpha; padding: 40px; &:before, &:after { content: "•"; position: absolute; width: 14px; height: 14px; font-size: 14px; color: $color-alpha; border: 2px solid $color-alpha; line-height: 12px; bottom: -2px; text-align: center; } &:before { left: -2px; } &:after { right: -2px; } } }

Hey Spark, thank you so much. Worked beautifully 🙂

Hi there. I want to add a drop shadow to my h1 text in certain sections. Not all of the h1 tags need a shadow. Is there a way to create a class for this, as there will be more than one, or does it have to be with an ID? Ultimated, I would like to create the section once with shadowed text, and then save the section so I use it again and just select and type over the current text, so the shadow remains. I've attached a snapshot. I'd like to add a subtle shadow to the white large text.

Yes, I think you are right about Heyzine. It averages out about the same per mo. Thank you!

I need this. You need this. A beatiful flipbook creator $49 /yr. and no limit of quantity of flipbooks. There is a plugin for wordpress, but not Squarespace (yet). However, there is a JavaScript / jQuery Flipbook Plugin. Could this work by injecting code, or by any other means that is not overly complex? My website will be very, very happy if someone has a good answer to this 🙂

Okay. Thank you for your fast response. I wish there was a tweak for fonts like that 🙃

I would like to use Nixie One for my paragraph style, but it is quite light, with only one font weight, 400. Is there a way to change it to 500 or 600 with custom code?

Ok. Thank you. I was hoping it would inherit the styles and format from 7.0 to 7.1. I didn't want to take so much time customizing it.

Can I start with a 7.0 template and convert it to 7.1? I like some of the templates in the classic. I know it says you can build the same thing with 7.1, but that's easier said than done, and I don't want hassle with a recreation of everything. Hope there's a good way!

Thank you. Regarding mockups in Photoshop, I have used smart-object mockups before; but it doesn't seem very easy to change the dimensions of smart-object mockups. Using a square brochure design doesn't cut it as my dimensions for each panel are 8 x 7 in. (open size: 24" w x 7") The file was created in Illustrator, and I see a lot of tutorials using the mockup tool, but just with packaging, apparel, etc. Adobe couldn't tell me how to do it. I used Flip HTML years ago when working in Wordpress / Elementor. Are Squarespace users putting flipbooks in their portfolios or other areas? I haven't seen any. There are many flipbook options out there. If one could do a flipbook and 'flip a tri-fold' that would be great. So the other issue is cost. Upgrading and getting subscriptions to Boxshot 5, subscriptions to flipbooks, and mockup generators. I can't do them all. I've looked at so many different options, I can't remember which one is what. Curious to see how everyone else is mocking up designs for a graphic design portfolio with different types of projects ... print, and packaging.

Hi there, Looking for some good suggestions/advice. I need to create mockups of my online portfolio. The most difficult is several mockups of trifold brochures with CUSTOM dimension sizes (most mockup generators or PS mockups will not customize the size). I also need to mockup other print work of different sizes, presentations, logos, packaging, and websites for both individual pages and case studies for clients. Any ideas would be most appreciated. What is everyone using to create good custom mockups? Does anyone use Flipbooks? Mockup generators? 3D rendering? My brochures and other print work are created in Illustrator. Presentations> Keynote. I have Adobe Create Cloud, Envato Elements (premium), and Freepik (premium). Way back in time, I used Boxshot 4 to mock up my custom trifold brochure. Thank you.