Adam Wright Design
Adam Wright Design
  • 72
  • 101 353
How to Setup & Create Text Styles in Figma for Faster Designing
Just like I showed you in a previous video for creating your colors, this video shows you how to create Text Styles in Figma. This allows you to design and control your text on a global basis, making it quicker and easier to work.
Sign up for my Design Consistency Email Series here: adamwrightdesign.com/lm/design-consistency-email/
--
📰 Become a Design to Dollars subscriber & receive design tips that make cents: adamwrightdesign.com/subscribe
🖥️ My business site: adamwrightdesign.com
🖥️ My personal site: heyadamwright.com
📧 Get in touch: hello@adamwrightdesign.com
💙 If you enjoyed this video, please consider helping support by Subscribing to my channel and Liking the video above!
🙌 Thanks for your support!
มุมมอง: 17

วีดีโอ

How to Setup Your Global Color Styles & Palette in Figma
มุมมอง 6712 ชั่วโมงที่ผ่านมา
To begin every new Figma design, I always start by setting up my color styles. In this video, I walk you through how to create your color palette, and then save those swatches as Color Styles so you can streamline your design workflow, and make the transition from Figma to development so much easier. Join my 5 Day Email Design Course: adamwrightdesign.com/lm/design-consistency-email/ 📰 Become a...
5 Cool New Features in WordPress 6.6 Core Update
มุมมอง 46519 ชั่วโมงที่ผ่านมา
Have you updated your site to WordPress 6.6? Here's a handful of things I think are pretty cool in the newest WP update! Learn more about WP 6.6 here: wordpress.org/download/releases/6-6/ 📰 Become a Design to Dollars subscriber & receive design tips that make cents: adamwrightdesign.com/subscribe 🖥️ My business site: adamwrightdesign.com 🖥️ My personal site: heyadamwright.com 📧 Get in touch: he...
How to Setup a Grid Layout for Your Website Design in Figma
มุมมอง 22014 วันที่ผ่านมา
I've been learning Figma over the past year, and so I wanted to show you how to quickly setup your own Grid layout with columns. I utilize a 12-column layout, and a 1200 pixel container width, but you can do the math to adjust the columns, margins, and container to your own preferences. Remember, take the overall Frame width, subtract your Container width, and divide that by 2 - that will be yo...
How to Transfer Old Legacy Styles to the New Global Styles System in GenerateBlocks
มุมมอง 212หลายเดือนก่อน
The latest big update in GenerateBlocks was a big jump in some of the functionality in how we build and utilize global styles. It's an advancement that may have you confused, so I'm here to help show you how to transfer your old legacy styles into the new system. This new system in GenerateBlocks allows even greater control and scalability in your global styles as you build sites. 💡Learn More a...
Web Design 101: How to Use Drop Shadows Effectively (using GenerateBlocks)
มุมมอง 2042 หลายเดือนก่อน
GET THE FREE VIDEO: adamwrightdesign.com/lm/design-consistency-video/ If you're looking for ways to add some depth to your layouts, without totally distracting from the design, you can utilize drop shadows! These are the two ways I incorporate them most effectively, using GenerateBlocks. 💡Learn More about GenerateBlocks: generateblocks.com/ 📰 Become a Design to Dollars subscriber & receive desi...
How to Populate a Gravity Forms Dropdown field with an Advanced Custom Fields Post Type
มุมมอง 3532 หลายเดือนก่อน
To help streamline your processes, you can integrate an ACF Post Type to populate a Gravity Forms dropdown - it's simple, easy, and effective! Here's the docs: docs.gravityforms.com/dynamically-populating-drop-down-or-radio-buttons-fields/ Code: smalldev.tools/share-bin/KIzqk68t 📰 Become a Design to Dollars subscriber & receive design tips that make cents: adamwrightdesign.com/subscribe 🖥️ My b...
How to Add Related Posts to Your Blog Posts in GenerateBlocks Pro
มุมมอง 4973 หลายเดือนก่อน
In this tutorial, I walk you through how to setup a Related Posts section to add to the bottom of your blog posts. You're able to filter by category, author, terms, and more. Adding a Related Posts section really helps to keep readers engaged and spend more time on your site, so it's always a good thing to add! 💡Learn More about GenerateBlocks: generateblocks.com/ 💡Learn More about GeneratePres...
How to Create a Custom Confirmation ‘Thank You’ Message in Gravity Forms
มุมมอง 2113 หลายเดือนก่อน
In Gravity Forms, you can use Merge Tags in the Confirmation message to customize and personalize what you want to say. In this demo, I show you how to enter someone's name, as well as display all of the entry data upon submission. Get Gravity Forms here: www.gravityforms.com/ 📰 Become a Design to Dollars subscriber & receive design tips that make cents: adamwrightdesign.com/subscribe 🖥️ My bus...
How to Enable Smooth Scroll on Anchor Links with GeneratePress Premium
มุมมอง 4374 หลายเดือนก่อน
Using GeneratePress Premium, you can enable and utilize Smooth Scrolling for your anchor links - both on individual links, or site-wide. 💡Learn More about GeneratePress: generatepress.com/ 📰 Become a Design to Dollars subscriber & receive design tips that make cents: adamwrightdesign.com/subscribe 🖥️ My business site: adamwrightdesign.com 🖥️ My personal site: heyadamwright.com 📧 Get in touch: h...
How to Open a WordPress Menu Item in a New Tab
มุมมอง 1284 หลายเดือนก่อน
It's an easy one to miss, but today I show you how to open a link in a new tab from your WordPress menu. 📰 Become a Design to Dollars subscriber & receive design tips that make cents: adamwrightdesign.com/subscribe 🖥️ My business site: adamwrightdesign.com 🖥️ My personal site: heyadamwright.com 📧 Get in touch: hello@adamwrightdesign.com 💙 If you enjoyed this video, please consider helping suppo...
How to Sort a Query Loop by an ACF Date Field using GenerateBlocks
มุมมอง 5554 หลายเดือนก่อน
In this video, I walk you through the steps to sort your Query Loop block by date, according to an ACF field. Here's the Documentation mentioned in the video: docs.generateblocks.com/article/order-query-loop-by-custom-field/ Check out Template Tags: snippetclub.com/dynamic-template-tags/ 💡Learn More about GenerateBlocks: generateblocks.com/ 📰 Become a Design to Dollars subscriber & receive desi...
How (& When) to Use Inner & Outer Containers in GenerateBlocks
มุมมอง 8406 หลายเดือนก่อน
If you've been using GenerateBlocks for a while, you'll have seen the evolution of how containers are handled. I'm going to walk you through how to use them, what settings to look for, and some best practices I follow. 💡Learn More about GenerateBlocks: generateblocks.com/ 💡Learn More about GeneratePress: generatepress.com/ 📰 Become a Design to Dollars subscriber & receive design tips that make ...
3 Ways to Hide Your Site Header in GeneratePress Theme (Free + Premium!)
มุมมอง 5246 หลายเดือนก่อน
If you're looking to hide your site header on a single page using GeneratePress, I walk you through the 3 ways to do it - depending if you're using Free or Premium. The code mentioned in the video is: .page-id-144 .site-header {display:none;} Be sure to replace 144 with the post ID of your page 💡Learn More about GeneratePress: generatepress.com/ 📰 Become a Design to Dollars subscriber & receive...
How to Setup & Change Fonts in GeneratePress Theme
มุมมอง 8877 หลายเดือนก่อน
If you're wondering how to setup or change your fonts in GeneratePress theme, I walk you through it on both a fresh install and an established website as well. 💡Learn More about GeneratePress: generatepress.com/ 🖥️ Check out my website at: adamwrightdesign.com 📧 Get in touch: hello@adamwrightdesign.com 📰 Become a Design to Dollars subscriber & receive design tips that make cents: adamwrightdesi...
How to Create Equal Height Cards (+ Make the Last Item Stick) Using GenerateBlocks
มุมมอง 6837 หลายเดือนก่อน
How to Create Equal Height Cards ( Make the Last Item Stick) Using GenerateBlocks
How to Enable & Customize a Back to Top Button in GeneratePress
มุมมอง 3287 หลายเดือนก่อน
How to Enable & Customize a Back to Top Button in GeneratePress
The 10 GeneratePress Elements I Use on Every Site I Build
มุมมอง 2.5K7 หลายเดือนก่อน
The 10 GeneratePress Elements I Use on Every Site I Build
Creating a Testimonial Design using GenerateBlocks
มุมมอง 3907 หลายเดือนก่อน
Creating a Testimonial Design using GenerateBlocks
Learn the Basics of Using Flex in GenerateBlocks
มุมมอง 1.9K7 หลายเดือนก่อน
Learn the Basics of Using Flex in GenerateBlocks
How to Make Your Pages Full-Width using GeneratePress
มุมมอง 9198 หลายเดือนก่อน
How to Make Your Pages Full-Width using GeneratePress
Transform Your Mobile Menu Hamburger Icon into a Full Button in GeneratePress
มุมมอง 7768 หลายเดือนก่อน
Transform Your Mobile Menu Hamburger Icon into a Full Button in GeneratePress
How to Add a Different Logo only on Mobile with GeneratePress Premium
มุมมอง 2748 หลายเดือนก่อน
How to Add a Different Logo only on Mobile with GeneratePress Premium
How to Use Global Styles for Your Buttons in GenerateBlocks
มุมมอง 9148 หลายเดือนก่อน
How to Use Global Styles for Your Buttons in GenerateBlocks
Add a Design Accent to Your Headings with GenerateBlocks
มุมมอง 2279 หลายเดือนก่อน
Add a Design Accent to Your Headings with GenerateBlocks
How to Use the Shapes Feature in GenerateBlocks
มุมมอง 3939 หลายเดือนก่อน
How to Use the Shapes Feature in GenerateBlocks
Team Card Design with Cool Hover Effect using GenerateBlocks
มุมมอง 5909 หลายเดือนก่อน
Team Card Design with Cool Hover Effect using GenerateBlocks
How to Disable the Hamburger Menu on Mobile for your Secondary Navigation in GeneratePress
มุมมอง 2.4K9 หลายเดือนก่อน
How to Disable the Hamburger Menu on Mobile for your Secondary Navigation in GeneratePress
How to Change Your Copyright Line in GeneratePress (Free or Premium!)
มุมมอง 4719 หลายเดือนก่อน
How to Change Your Copyright Line in GeneratePress (Free or Premium!)
How to Change the Background Gradient on Mobile in GenerateBlocks
มุมมอง 2469 หลายเดือนก่อน
How to Change the Background Gradient on Mobile in GenerateBlocks

ความคิดเห็น

  • @bhavleen00
    @bhavleen00 4 ชั่วโมงที่ผ่านมา

    Nice!

  • @kylevandeusen
    @kylevandeusen 8 ชั่วโมงที่ผ่านมา

    Its soooo helpful to use the text styles - espeically once you go to decelop!

    • @adamwrightdesign
      @adamwrightdesign 5 ชั่วโมงที่ผ่านมา

      @@kylevandeusen yea totally! It really saves a lot of work doing it on the front end in Figma.

  • @visualmodo
    @visualmodo 3 วันที่ผ่านมา

    Truly good work!

  • @frostycap
    @frostycap 3 วันที่ผ่านมา

    Thanks, mate!

  • @samarthredekar52
    @samarthredekar52 4 วันที่ผ่านมา

    but how to display footer bar below that custom footer

    • @adamwrightdesign
      @adamwrightdesign 4 วันที่ผ่านมา

      Just build it in your footer Element with a new container 🙂

  • @bhavleen00
    @bhavleen00 5 วันที่ผ่านมา

    Thanks, Adam! Keep'em coming!

    • @adamwrightdesign
      @adamwrightdesign 4 วันที่ผ่านมา

      Thank you! Any specific areas in Figma you'd like me to cover?

    • @bhavleen00
      @bhavleen00 4 วันที่ผ่านมา

      @@adamwrightdesignThere is so much that I would like to know. A video idea could be where you create a nice-looking page in Figma and then recreate that style on a GP site. This would cover a lot of nuances, like how to export styles, create logos, and create designs (arches, patterns, etc.). Hopefully, it makes sense.

  • @DesignCodeToken
    @DesignCodeToken 5 วันที่ผ่านมา

    A Figma course is much welcomed.

  • @luckycatcreative
    @luckycatcreative 6 วันที่ผ่านมา

    Many thanks for the quick look, Adam. Appreciate the effort!

  • @wordpresswithayoub
    @wordpresswithayoub 7 วันที่ผ่านมา

    saved me hours of searching, thanks!!!

  • @IainMace
    @IainMace 7 วันที่ผ่านมา

    Super handy video Adam, thanks

  • @samarthredekar52
    @samarthredekar52 8 วันที่ผ่านมา

    Hey brother, how can i customize category archives, like tamplate for category archives in elements, what dynamic tags should select in dynamic data, for category name/title, i am not talking about page, i have problem with category archives so can you please make a short video on it, there is no video ok it,❤❤❤❤❤❤

  • @kylevandeusen
    @kylevandeusen 8 วันที่ผ่านมา

    Man I hate thay new page panel because everything opens up in modal off to the side :( feels like MORE clicks to me

    • @adamwrightdesign
      @adamwrightdesign 7 วันที่ผ่านมา

      I see what you mean, but I kinda like it over having to scroll and open an accordion instead. We'll see if it stays or changes again soon!

  • @deepatton7855
    @deepatton7855 8 วันที่ผ่านมา

    The less clicks the better!

  • @kylevandeusen
    @kylevandeusen 8 วันที่ผ่านมา

    First

  • @shookmusic
    @shookmusic 8 วันที่ผ่านมา

    thank you for this no nonsense 1 minute tip!

  • @adityagaonkar3057
    @adityagaonkar3057 8 วันที่ผ่านมา

    How images will work in the code in this case ?

    • @adamwrightdesign
      @adamwrightdesign 8 วันที่ผ่านมา

      I would just use the Image block instead.

  • @eleanor.shadow
    @eleanor.shadow 14 วันที่ผ่านมา

    Hi, Adam. Came across your video on an online search. Would this work to disable the hamburger view of my mega menu on tablet view *only*? I want the hamburger for mobile but not tablet. I thought I'd ask before experimenting in case I break my site 😅Thanks in advance!

  • @NextGenMarketers
    @NextGenMarketers 17 วันที่ผ่านมา

    THANK YOU! This was very easy to follow along.

  • @bhavleen00
    @bhavleen00 18 วันที่ผ่านมา

    More figma videos like this, please

    • @adamwrightdesign
      @adamwrightdesign 14 วันที่ผ่านมา

      I'll definitely release more! Thanks for the support 👊

  • @vchan8103
    @vchan8103 22 วันที่ผ่านมา

    Hi. Nice video. Thx. I have a question : in a text, when i put some words in bold, it's not visible enough. I'd like to configure the font weight but can't see where. Any idea where i can configure ?

    • @adamwrightdesign
      @adamwrightdesign 19 วันที่ผ่านมา

      This all depends if the font you are using supports Bold, or additional font weights. But you would find this in the Typography panel.

  • @willyosorto
    @willyosorto 26 วันที่ผ่านมา

    Great, thank you!

  • @SoniaZannoni
    @SoniaZannoni 27 วันที่ผ่านมา

    Hi Adam, Great tutorial! I have a question for you. I saw on your website, Adam Wright Design, that you have a new design for the query loop where you have the category over the image. I love the idea of doing that, so how do I do that?

    • @adamwrightdesign
      @adamwrightdesign 19 วันที่ผ่านมา

      Hey Sonia! Thanks so much! To achieve the look I have on my site, you would put the category first, then the featured image below it and add negative margin to that image block. You may need to change the z-index of the category headline block to 2, to bring it on top of the image.

    • @SoniaZannoni
      @SoniaZannoni 19 วันที่ผ่านมา

      @@adamwrightdesign Hey Adam, thanks. I will try it for sure!

  • @troycastle5640
    @troycastle5640 29 วันที่ผ่านมา

    There's no Sticky Navigation option on my Customizer...

    • @adamwrightdesign
      @adamwrightdesign 19 วันที่ผ่านมา

      Are you using GeneratePress premium or Free?

    • @troycastle5640
      @troycastle5640 19 วันที่ผ่านมา

      @@adamwrightdesign the free one

  • @puzosuttichai
    @puzosuttichai หลายเดือนก่อน

    nice.

  • @Pauljb1111
    @Pauljb1111 หลายเดือนก่อน

    Thank you Adam! Saved a lot of hassle.

  • @suchomil1
    @suchomil1 หลายเดือนก่อน

    Hey, Adam, Do you also use a customizer to set up where you can specify the margins, or is there a 0 and you only control the content with containers?

    • @adamwrightdesign
      @adamwrightdesign หลายเดือนก่อน

      I really just use containers to control my content width and margins.

    • @suchomil1
      @suchomil1 หลายเดือนก่อน

      @@adamwrightdesign I see, so the setting in customization is 0 for all sides. OK?

  • @TomBoyNI
    @TomBoyNI หลายเดือนก่อน

    Thanks for this. As always your tutorials are super easy to follow and if it hadn't have been for this video I probably wouldn't have bothered with getting my legacy styles updated! Thanks again.

  • @TimTaricco
    @TimTaricco หลายเดือนก่อน

    Question. If the "Blue Button" from the legacy global style has been used throughout the website, then when the new "Blue Button" global style is created and saved, are all the buttons using the legacy "Blue Button" global style automatically updated to use the new global style? Since you mentioned the old global style can be deleted, I would assume that all the buttons automatically get updated to the new global styles system.

    • @adamwrightdesign
      @adamwrightdesign หลายเดือนก่อน

      No, I don't believe that's how it works. You will have to apply the new global class to each button across your site. Sorry for not explaining that further!

  • @jose.fonterosa
    @jose.fonterosa หลายเดือนก่อน

    Too many changes in generateblocks. And above all changes that force us to change the way of working. I understand that it is to work better, but no one takes into account the time we need to continually learn. New web developers who don't understand a little CSS are going to have a harder time. :) Thanks Adam for summarizing and explaining this new way of working with generateblocks.

    • @TimTaricco
      @TimTaricco หลายเดือนก่อน

      I agree with what you are saying. Right now my end-users are trained to use the legacy global styles system, which is fairly easy to understand because you just pick a style from a dropdown menu. This new system will be far more complicated for the end-user, so I think I'll need to rely even more on "Local Patterns," or what is the new way of using local patterns.

    • @IainMace
      @IainMace หลายเดือนก่อน

      i understand the point you are making but i am going to respectfully disagree with what you are saying. In my humble opinion the new class system is the greatest system i have ever worked with. The GP & GB UI is designed in such a way you can survive with absolutely no css skills at all. The ability to change something once hand have all those changes reflect across the site in an instant is an absolute game changer. I know we had global styles previously but the new setup is a vast improvement.

    • @adamwrightdesign
      @adamwrightdesign หลายเดือนก่อน

      I feel you, Jose! However, as developers and designers, we have to continue to evolve with the software. Otherwise, our very own expertise and processes will also become dated and obsolete. It's not easy to keep up, but it feels necessary if we want to continue to run a business that's relevant and will last. It's sort of the way of technology - it's always going to evolve.

  •  หลายเดือนก่อน

    For me this doesnt work because I dont have the possibility to add a parameter on my bricks UI. Im not even 100% sure you are talking about a query loop in bricks and since I dont see the upload date of the video I dont have a chance to check whether you might be talking about an old version of bricks or acf.

    • @adamwrightdesign
      @adamwrightdesign หลายเดือนก่อน

      This is aimed at GenerateBlocks and ACF, all recent up to date versions at the time of the video.

  • @ironbitx
    @ironbitx หลายเดือนก่อน

    Uno de esos tesoros que el ususario medio no sabe que existen, gracias! Si no tienes la traduccion te ofrezco hacer gratuitamente el texto de los subtitulos, aunque supongo saldra por AI automaticamente, y gracias nuevamente por informar de algo tan util y simple, y sin embargo desconocido, supongo que tendra que ver con que vender una app (aunque no sea ni la mitad de eficaz) es mas rentable.

  • @MuhammadIdrees-jd5nh
    @MuhammadIdrees-jd5nh 2 หลายเดือนก่อน

    we have to do this for every post ? can we use your this block template in our site in post like importing other templates

    • @adamwrightdesign
      @adamwrightdesign 19 วันที่ผ่านมา

      You don't do this for every post - you set it up once, and it applies to all your posts automatically.

  • @vonjororo
    @vonjororo 2 หลายเดือนก่อน

    sweet!

  • @IainMace
    @IainMace 2 หลายเดือนก่อน

    This is great Adam. Thanks. I really appreciate this video format that you do, 10mims on one specific topic... It makes your entire channel a great (goto) resource when I need advice/assistance on a specific aspect of design. Will defo sign up for your course. Thanks again

    • @adamwrightdesign
      @adamwrightdesign 2 หลายเดือนก่อน

      You're awesome, thank you! 🙌

  • @NtshidisengMohapi
    @NtshidisengMohapi 2 หลายเดือนก่อน

    I am unable to see locally hosted fonts. I am using Custom Fonts plugin by Brainstorm Force. Struggling to configure that. Please do a tutorial on that when you have time, thanks.

  • @advanced-developers
    @advanced-developers 2 หลายเดือนก่อน

    Good Job

  • @energieadvieszeeland
    @energieadvieszeeland 2 หลายเดือนก่อน

    Great video by the way. Learned a lot!

  • @energieadvieszeeland
    @energieadvieszeeland 2 หลายเดือนก่อน

    I wish GenerateBlocks would have a lifetime pricing model. Just need it for one site, but paying 60 euro's each year for the rest of... well whatever.... is to much. (yes got a generatepress lifetime account also)

  • @jimmartin6371
    @jimmartin6371 2 หลายเดือนก่อน

    Super helpful, dude! Thank you! 😁

  • @designlab4amsterdam
    @designlab4amsterdam 2 หลายเดือนก่อน

    Thanks Adam!

  • @user-gi4hd5ly6s
    @user-gi4hd5ly6s 2 หลายเดือนก่อน

    Thank you so much for the amazing video😍 I have one question don't show the bottom of category/posts 1,2,3...next or load more post kindly guide me on how I do this please especially I request you make a video on this

    • @bhailog70
      @bhailog70 2 หลายเดือนก่อน

      i also have this question

    • @adamwrightdesign
      @adamwrightdesign 2 หลายเดือนก่อน

      I will work on a new video!

  • @michelegenchi
    @michelegenchi 2 หลายเดือนก่อน

    This tutorial has been very useful;

  • @anthonygrasso6593
    @anthonygrasso6593 2 หลายเดือนก่อน

    In that vidéo, do you use the pro version of generate block ?

  • @SirajMuhammad924
    @SirajMuhammad924 2 หลายเดือนก่อน

    If I want to display only the names of subcategories instead of posts or pages, how can I do that?

    • @adamwrightdesign
      @adamwrightdesign 2 หลายเดือนก่อน

      Should be an option in the dynamic data dropdowns!

  • @IainMace
    @IainMace 2 หลายเดือนก่อน

    I had a little trouble getting "custom order" to work (per the GB documentation). Turns out that I hadn't included the field in Query Loop. Super obvious on reflection but caused a frustrating few hours so adding it here for others to benefit. You can then simply hide that field use "hide on mobile", "hide on desktop" & "hide on tablet".

  • @lisaGSD
    @lisaGSD 2 หลายเดือนก่อน

    Very useful, many thanks Adam 🥰

  • @steffox6362
    @steffox6362 3 หลายเดือนก่อน

    Super helpful video, Thank you! One question: You say, that you always set the padding on the outer container, never on the inner one. I do it the other way around. Is there any advantage to setting the padding on the outer container rather than on the inner?

    • @adamwrightdesign
      @adamwrightdesign 2 หลายเดือนก่อน

      Great question! I don't think there's a big difference, really. That's just my personal preference.

  • @IainMace
    @IainMace 3 หลายเดือนก่อน

    Great video Adam - as always there are multiple nuggets in there. Have you found a way to run a query loop using the new class system in GenerateBlocks? I would love to be able move away from the default "grid" block

    • @adamwrightdesign
      @adamwrightdesign 2 หลายเดือนก่อน

      I'm hoping to start making some more new videos with the GB update soon!

  • @MarcusVinicius-wb4md
    @MarcusVinicius-wb4md 3 หลายเดือนก่อน

    Thank you very much! That really helped me A LOT!