Divi 3 0 logo size

Author: b | 2025-04-25

Recommended Divi Logo Size. For Divi websites, Elegant Themes recommends a logo size between 250 1 150. However, it may vary based on user preference and logo design. For example, the Divi theme uses its default logo size is 93 43 pixels and Divi

How To Adjust The Divi Logo Height And Size

HERE.” (be sure to remove that text) Where To Paste The CSS Code 1. Divi AssistantIf you are using our Divi Assistant plugin, simply paste the code in the CSS tab in the custom code window in the Divi Visual Builder.2. Child ThemeIf you are using a child theme, paste this code into the style.css file. If you don't have a child theme, you can generate a child theme directly on your site or download our free child theme.3. Divi Theme Options IntegrationOtherwise, paste this code in your Divi>Theme Options>Custom CSS code box.If you need help understanding where to paste the code, please check out our complete guide about where to add custom code In Divi. Default Mobile Menu headerLet’s start with the menu header. This is the part that holds the logo and hamburger menu. There are limited settings in Divi, so this CSS is going to be needed any time you want to change the color or adjust spacing. Edit The Default Menu Header/*edit the default Divi mobile menu header*/#main-header {YOUR CSS HERE} Custom Style IdeasThe following is a list of some ideas for things you might want to do to style the overall submenu. You can choose to do this by placing the snippets into the selector shown above. Remove Or Adjust The Spacingpadding: 0!important; Change The Background Colorbackground: #000000!important; Divi Mobile Menu Logo ImageYou can do a couple things to the logo image as well. On our site, we have the logo overlapping the header and page content, which requires some spacing and sizing adjustments. You could also apply a border or box shadow. Edit The Divi Default Mobile Menu Logo Image/*edit the Divi default mobile menu logo image*/#logo {YOUR CSS HERE} Edit The Divi Mobile Menu Module Logo Image/*edit the Divi mobile menu logo image*/.et_pb_menu__logo img {YOUR CSS HERE} Custom Style IdeasHere are some ideas you could do to style the Divi mobile logo image. You can choose to do this by placing the snippets into the selector shown above. Adjust The Spacingpadding: 30px; Adjust The Widthwidth: 80%; Set A Max Widthmax-width: 200px; Add A

Divi 3 0 Sneak Peek - YouTube

Box Shadowbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); Divi Mobile Menu Hamburger IconIf you want to change some settings with the mobile menu hamburger icon, you can do so with CSS. Remember, the Menu module has a few settings like size and color, but the default menu has no settings for this. Edit The Divi Mobile Menu Hamburger Icon/*edit the Divi mobile hamburger icon*/.mobile_menu_bar:before {YOUR CSS HERE} Custom Style IdeasThe following is a list of some ideas for things you might want to do to style the Divi menu hamburger icon. You can choose to do this by placing the snippets into the selector shown above. Set The Colorcolor: #000000; Add A Background Colorbackground: #ff0000; Set The Sizefont-size: 48px; Change The Iconcontent: "\63"; Add A Borderborder: 2px solid #ff0000; Make The Border Roundedborder-radius: 100px; Divi Mobile Menu DropdownOne of the first things you may want to adjust is the ugly blue thick like at the top of the mobile menu dropdown. Or maybe you want to remove some spacing around the outside, make it wider, change the background color, or adjust the shadow. Edit The Divi Mobile Menu Dropdown/*edit the Divi mobile menu dropdown*/.et_mobile_menu {YOUR CSS HERE} Custom Style IdeasThe following is a list of ideas of some things you might want to do to the Divi mobile menu dropdown. You can choose to do this by placing the snippets into the correct selector shown above. Remove The Top Borderborder-top: 0px; Adjust The Spacingpadding: 0px!important; Add Or Adjust The Shadowbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); Make It Widerwidth: 112%;margin-left: -6%; Divi Mobile Menu Parent LinksNow we come to the menu item links. You can do a lot of adjustments here, like color, spacing, background, opacity, and even get rid of the tiny bottom border. Edit The Mobile Menu Parent Links/*Divi mobile menu parent links*/.et_mobile_menu li a {YOUR CSS HERE} Custom Style IdeasThe following is a list of ideas of some things you might want to do to style the Divi mobile menu parent links. You can choose to do this by default, or on hover, by placing

How to Optimize Your Responsive Logo Sizing in Divi

You purchased directly from us here on Divi Life)1. Find the license in your Divi Life Customer Portal > License Keys & Upgrades.1. Go to Divi Overlays2. Divi Overlays settings3. Paste your license4. Save changesStep 3: Adding a new Divi Overlays postDivi Overlays works under a CPT (Custom Post Type) to create your own designs using Divi and then trigger it.1. Go to Divi Overlays2. Add new3. Set a Title to the new post4. Enable Divi Builder This will load Divi Theme. Now it’s time to import your premade layouts 😉1. Go to your Customers Portal > Plugin Layout TemplatesOnce downloaded, unzip the file to extract a JSON file. This file should be imported in a new Divi Overlays post using the portability options of the Divi Builder.1. Select portability options 2. Click on Import3. Select the Divi Overlays layout you want to import (make sure it’s extracted from the .zip file. It must be .JSON format)4. Import Divi Builder Layout5. Publish the postNOTE: You must import the layout directly to the Divi Overlay edit screen as shown below. If you try importing to the Divi Library it will not work due to how Divi’s layout system functions.For this example, we imported modal-signup.jsonAdditional settings for Divi OverlaysStep 3a: Triggering Divi Overlays with an Automatic TriggerDivi Overlays can be triggered manually or with an automatic trigger. The current options that Divi Overlays have are:Timed delay: The Overlays is triggered after determinate time. This functions is based in seconds, so when you set this option, you need to set from zero to X seconds.Scroll percentaje: This options trigger the overlay in determinate percentaje of the page when the user is scrolling down.Exit Intent: This options trigger the overlay when the cursor is out of the main page. Otherwhise, the overlay will not be triggered.For this tutorial we used the Timed Delay option. By default, the automatic trigger is set in None.1. Scroll down to Automatic Triggers2. Select Timed Delay3. Set the time. The field is in seconds, so only add a number into the field.Save changesOnce saved, refresh your page and see Divi Overlays in actionStep 3b: Triggering Divi Overlays using manual triggersYou can trigger an overlay, popup or modal clicking on a Divi Module. This is done using the Unique Overlays ID.Why use an ID? The ID tells to Divi Overlays that a module is triggered and should shot the overlays with that ID. All ID are unique, so you will not have duplicated content.In Divi Overlays,1. Go to Manual triggers2. Copy the Unique Overlay IDOn the module you want to trigger,1. Open the module settings2. In the URL field paste this:#openNOTE: Divi requires that the URL field is not left blank, so we use what’s called an “anchor link” to satisfy this. It can be any text you want following the # symbol (ie. #open, #overlay, #popup, etc)3. Go to the advanced tab > CSS ID & Class > CSS ID4. Paste the Unique Overlay IDNOTE: Make sure you paste. Recommended Divi Logo Size. For Divi websites, Elegant Themes recommends a logo size between 250 1 150. However, it may vary based on user preference and logo design. For example, the Divi theme uses its default logo size is 93 43 pixels and Divi

Divi Plugin Highlight - Divi Logo Manager

Summary: In this article, I found 10 of the best DaVinci Resolve animated logo templates that I think will definitely help you get your logo stand out. Here are my top 3 picks:Rolling Logo – Looks so smooth and professional.Classic Flat Logo Reveals – Great way to showcase your logo!Camping Logo – Very cozy and cool 3d graphics. Welcome to the world of DaVinci Resolve animated logo reveal templates! In this exciting realm, you'll discover a treasure trove of dynamic and eye-catching designs to breathe life into your brand. These templates offer a perfect blend of creativity and functionality, allowing you to showcase your logo in style. Whether you're aiming for a sleek and modern look or something more playful and energetic, there's a template to suit every taste and branding strategy. Let's dive in and explore the endless possibilities of animated logo reveals in DaVinci Resolve! 1. Rolling Logo Length: 0:09Resolution: 1920 x 1080File Size: 23.2MBSupports: DaVinci ResolveTags: 3d Intro, Abstract, Corporate, Logo Intro, Logo Reveal, Modern, Opener, Orange, Outro, Rolling, Short Logo, Smooth 2. Classic Flat Logo Reveals Length: 0:06, 0:06, 0:06, 0:06, 0:06Resolution: 1920 x 1080File Size: 80.3MBSupports: DaVinci ResolveTags: 3d, 3d Shape, Abstract, Animation, Bright, Business, Clean, Colorful, Colourful, Company, Corporate, Davinci Resolve, Davinci Resolve Logo, Dynamic, Flat 3. Camping Logo Length: 0:08Resolution: 1920 x 1080File Size: 222.8MBSupports: DaVinci ResolveTags: Brand, Business, Camping, Cinematic, Colorful, Color, Corporate, DaVinci Templates, Design, Dynamic, E-Commerce, Event, Instagram, Intro, Logo 4. Note Logo Length: 0:08Resolution: 1920 x 1080File Size: 44MBSupports:

Qwodtech Blog Adjusting the Header Logo Size in Divi 3.0 - Owler

Need for Success Give your clients a better experience by giving them their own account and access to our support services. Amazing Value Every Team Member Gets Divi AI, VIP Support and Unlimited Divi Cloud Storage for a Fraction of the Cost. When you upgrade to Divi AI Unlimited, Divi Cloud Unlimited or Divi VIP each of your team members also get Divi Cloud Unlimited or Divi VIP for no extra charge. Invite Your Team Today Get 40% Off Today It's the Divi Anniversary Sale! Save Big Before The Sale Ends. Divi Teams is an amazing value at only $1.60 per month per team member, or only $1.20 per month when you pay yearly. You can scale your team up and down on-demand. You only pay for the team seats you need based on the size of your team. This Sale Ends In... New To Divi? Get Divi Pro, which comes with Divi and all our Pro Services, including four team seats. Save 78% If you purchase Divi Pro today, you get access to Divi plus its extended ecosystem of pro services at a significant discount. The bundle saves you $689 per year when compared to purchasing each service individually. If you don't use a particular service, you can cancel it and reduce your Divi Pro price. $16.58 / Month Billed Yearly At $199 Per Year Normally $888 Per Year Save $689 Sign Up Today! Web professionals who want to build unlimited Divi websites for their clients faster with powerful

Divi Plugin Highlight – Divi Logo Manager - Elegant Themes

Add a Button Next To Divi Hamburger Menu Feb 25, 2025Quickly learn how to add and style a button next to Divi’s hamburger menu.read more Positioning Background Videos in Divi Jan 14, 2025Learn how to adjust the position of background videos in Divi!read more Side-by-Side Buttons in Divi Dec 3, 2024Learn how John used side-by-side buttons in a recent client project and how Superfly’s new Superfly Button Module can help.read more Column Image Links in Divi Using Parallax Backgrounds Nov 30, 2024Learn how to make beautiful image links utilizing parallax background images in Divi.read more Hide & Reveal Divi Modules on Hover Nov 29, 2024Easily hide and show Divi modules on hover. In this tutorial, John uses this method to show team bios.read more Add a $ or a + to the Number Counter Module in Divi Nov 29, 2024Quickly add a “$” before your number, or a “+” sign after your number in the Number Counter Module in Divi.read more Using the :before Pseudo Element to Enhance Your Divi Sites Apr 4, 2024In this tutorial, I go through a couple methods of utilizing the :before psuedo element to level up your Divi sites.read more Fun with Gradient Backgrounds using CSS and Divi Mar 25, 2024In this tutorial, I go through several methods of utilizing gradients in your designs … including animating them.read more Create Column Hover Feature in Divi Aug 28, 2023Create a hover effect for your Divi columns that can show several modules on hover. Originally, I created this feature for a larger church client who had 3 different locations.read more Customize a Call-to-Action button in Divi’s Top Menu Jul 26, 2023In this video tutorial, learn how to customize one of the menu items in Divi’s Top / Secondary menu to be a call-to-action button.read more

Divi Plugin Highlight - Divi Logo Manager - Elegant Themes

The snippets into the correct selector shown above. Adjust The Spacingpadding: 10px 20px; Change The Opacity (Especially On Hover)opacity: 1; Change The Background Color (Especially On Hover)background: #ffffff; Change The Font Sizefont-size: 20px!important; Change The Link Colorcolor: #2cba6c; Add Letter Spacingletter-spacing: 2px; Adjust The Borderborder-bottom: 2px solid #000000!important; Divi Mobile Menu Submenu Child LinksSimilar to the previous section, you can also adjust the submenu items. These appear by default with a small indent on the left. The styling suggestions here shoud probably be similar to the previous section about the parent links. Edit The Mobile Menu Child Links/*Divi mobile menu submenu links*/.et_mobile_menu .menu-item-has-children li a {YOUR CSS HERE} Custom Style IdeasThe following is a list of ideas of some things you might want to do to style the Divi mobile menu submenu links. You can choose to do this by default, or on hover, by placing the snippets into the correct selector shown above. Adjust The Spacingpadding: 10px 20px; Change The Opacity (Especially On Hover)opacity: 1; Change The Background Color (Especially On Hover)background: #ffffff; Change The Font Sizefont-size: 20px!important; Change The Link Colorcolor: #2cba6c; Add Letter Spacingletter-spacing: 2px; Adjust The Borderborder-bottom: 2px solid #000000!important; Prefer To Use A Plugin?If this is all a little too much code for you, I get it. You might want to check out a plugin my friend Peter at Divi Engine made called Divi Mobile. The Divi Mobile plugin allows you to create custom looking, beautiful mobile menus for your Divi site without having to write any code. I hope you enjoyed learning. Please share your thoughts in the comments below. If you find value in this type of post, please subscribe because we have tons of tutorials in progress to be posted! Subscribe For More Things Like This!At the start of each month, we send out a recap newsletter from the month before with family news, Divi news, our latest tutorials, and product news. Occasionally, if the news is too exciting to wait, we will send out another email separate from the monthly newsletter. That’s what you get when you subscribe, and of course. Recommended Divi Logo Size. For Divi websites, Elegant Themes recommends a logo size between 250 1 150. However, it may vary based on user preference and logo design. For example, the Divi theme uses its default logo size is 93 43 pixels and Divi Recommended Divi Logo Size. For Divi websites, Elegant Themes recommends a logo size between 250 1 150. However, it may vary based on user preference and logo design. For example, the Divi theme uses its default logo size is 93 43 pixels and Divi layouts typically include logos with sizes between 160 100.

How to Create Logo Carousel in Divi - 3 Simple Steps - DiviGear

Welcome to Day 67 of our Divi 100 Marathon. Keep tuning in for 100 days in a row of awesome Divi resources as we count down to the amazing release of Divi 3.0 on the final day of the series!We’ve got another installation of our Divi Nation interview series featuring members of the Elegant Themes design and development staff. This week we’ve got Fikri Rasyid on the show to share his WordPress and development story as well as his enthusiasm for Divi 3.0. Enjoy! 1 Divi 3.0 Developer Fikri Rasyid Shares His Story and Enthusiasm for Divi — The Divi Nation Podcast, Episode 28 2 Next Week on the Divi Nation Podcast 3 Divi 100 Day 67 4 The Countdown To Divi 3.0 Divi 3.0 Developer Fikri Rasyid Shares His Story and Enthusiasm for Divi — The Divi Nation Podcast, Episode 28[powerpress]In this episode of Divi Nation Fikri Rasyid shares his WordPress story, including how he came to work for Elegant Themes, and most of all his excitement for what the team is doing on the soon to be released Divi 3.0.Subscribe To Our Youtube ChannelAll Subscription Options:YouTubeFacebookiTunesSubscribe via RSSNext Week on the Divi Nation PodcastNext week we’ve got another Divi Nation Short coming to you from Augustine Mak. He will be taking a new Divi subject, diving into it, and coming back up with a Divi Quick Tip to make all our lives easier.Be sure to subscribe to our email newsletter and YouTube channel so that you never miss a big announcement, useful tip, or Divi freebie!

Divi tutorial: How to add a logo to your Divi website - YouTube

Header or footer. If not, please add that now. And of course, add the Twitter social network.If you are using the old header, this tutorial is not for that. I highly recommend converting your old header to the Theme builder header to take advantage of many new features, such as the ability to customize the social icons in Divi. 3. Replace The Divi Twitter Icon With X Using CSSThankfully, Font Awesome was quick, and they already added the X icon to their website, so it is available to use for free in the “Brands” section of icons. The unicode value is e61b, which is the value that determines which icon is used. This is the code that needs to be added to the content property of the icon in the Divi Social Follow module. To replace it, we need to find the selector and update the content property and the font-family property. I already did this for you and you can use the snippet below. Where To Paste The CSS Code 1. Divi AssistantIf you are using our Divi Assistant plugin, simply paste the code in the CSS tab in the custom code window in the Divi Visual Builder.2. Child ThemeIf you are using a child theme, paste this code into the style.css file. If you don't have a child theme, you can generate a child theme directly on your site or download our free child theme.3. Divi Theme Options IntegrationOtherwise, paste this code in your Divi>Theme Options>Custom CSS code box.If you need help understanding where to paste the code, please check out our complete guide about where to add custom code In Divi. /*replace Twitter icon with X in Divi Social Follow module*/.et-social-twitter a.icon:before { content: "\e61b"; font-family: "Font Awesome 6 Brands" !important;} Code For Monarch PluginI was told. Recommended Divi Logo Size. For Divi websites, Elegant Themes recommends a logo size between 250 1 150. However, it may vary based on user preference and logo design. For example, the Divi theme uses its default logo size is 93 43 pixels and Divi

Logo and Favicon Branding in Divi: A Beginner's

.25rem);vertical-align:bottom}.kpn-link--text-small{font-size:var(--kpn-font-size-xs, .75rem);line-height:var(--kpn-line-height-xs);vertical-align:baseline}.kpn-link--text-small .kpn-link__icon--suffix,.kpn-link--text-small .kpn-link__icon--prefix{margin:0}.kpn-link--stretched-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}een speciaal aanbod voor je.:host{display:block}:host([hidden]){display:none}.kpn-card{border-radius:var(--kpn-card-border-radius, 1rem);background-color:var(--kpn-card-background-color, #fff);box-shadow:var(--kpn-shadow-level-1, 0 3px 30px 0 rgb(0 0 0 / 10%));height:100%;border-width:var(--kpn-card-border-width, 0px);border-style:var(--kpn-card-border-style, solid);border-color:var(--kpn-card-border-color, transparent)}.kpn-card--shadow-sm{box-shadow:var(--kpn-shadow-level-1, 0 3px 30px 0 rgb(0 0 0 / 10%))}.kpn-card--shadow-md{box-shadow:var(--kpn-shadow-level-2, 0 3px 30px 0 rgb(0 0 0 / 20%))}.kpn-card--shadow-lg{box-shadow:var(--kpn-shadow-level-3, 0 3px 30px 0 rgb(0 0 0 / 30%))}.kpn-card--disabled{--kpn-card-background-color: var(--kpn-card-disabled-background-color, #f9f9f9);--kpn-card-border-width: var(--kpn-card-disabled-border-width, 1px);--kpn-card-border-style: var(--kpn-card-disabled-border-style, solid);--kpn-card-border-color: var(--kpn-card-disabled-border-color, #e3e3e3)}.kpn-card-content{padding:var(--kpn-card-content-padding);height:100%} :host{display:block}:host([hidden]){display:none}.kpn-card-content{all:inherit;box-sizing:border-box;padding:var(--kpn-card-content-padding, 1rem)}@media (min-width: 768px){.kpn-card-content{padding:var(--kpn-card-content-padding, 1.5rem)}} Waarom glasvezel in plaats van gewoon internet?:host{display:block}:host([hidden]){display:none}.kpn-icon-list{padding-left:var(--kpn-space-xl, 2rem);color:var(--kpn-font-color)} :host{display:block}:host([hidden]){display:none}:host .kpn-icon-list-item{margin-bottom:var(--kpn-space-2xs, .25rem)}:host(:last-of-type) .kpn-icon-list-item{margin-bottom:0}.kpn-icon-list-item:has(.kpn-icon-list-item__icon--light){color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item--bullet{display:list-item}.kpn-icon-list-item--link,.kpn-icon-list-item--icon,.kpn-icon-list-item--check{display:flex;align-items:flex-start}.kpn-icon-list-item>kpn-icon{margin-left:calc(0px - var(--kpn-space-xl, 2rem));margin-right:var(--kpn-space-xs, .5rem)}.kpn-icon-list-item__icon--green{color:var(--kpn-icon-list-check-color, #00c300)}.kpn-icon-list-item__icon--dark{color:var(--kpn-icon-list-theme-icon-dark, #000)}.kpn-icon-list-item__icon--primary{color:var(--kpn-icon-list-theme-icon-primary, #00c300)}.kpn-icon-list-item__icon--light{color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item__icon--tertiary{color:var(--kpn-icon-list-theme-icon-tertiary, #ddff44)}.kpn-icon-list-item__link{color:var(--kpn-icon-list-link-color, #232323);text-decoration:none}.kpn-icon-list-item__link:hover{color:var(--kpn-icon-list-link-hover-color, #0066ee);text-decoration:underline}.kpn-icon-list-item__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0} :host{box-sizing:border-box;display:inline-block}:host([hidden]){display:none}.kpn-graphic__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.kpn-icon svg{display:block;width:auto;height:100%}.kpn-icon--size-auto svg{width:1.5em;height:1.5em;min-width:18px;min-height:18px}.kpn-icon:not(.kpn-icon--size-auto){height:var(--icon-size);min-width:var(--icon-size)}.kpn-icon--size-unregistered-xs{--icon-size: .75rem}.kpn-icon--size-unregistered-sm,.kpn-icon--size-default-sm{--icon-size: 1rem}.kpn-icon--size-unregistered-md,.kpn-icon--size-default-md{--icon-size: 1.5rem}.kpn-icon--size-unregistered-lg,.kpn-icon--size-default-lg{--icon-size: 2.25rem}.kpn-icon--size-default-xl,.kpn-icon--size-unregistered-xl,.kpn-icon--size-service-xs,.kpn-icon--size-logo-xs{--icon-size: 3rem}.kpn-icon--size-service-sm,.kpn-icon--size-logo-sm{--icon-size: 3.5rem}.kpn-icon--size-service-md,.kpn-icon--size-logo-md{--icon-size: 4rem}.kpn-icon--size-unregistered-2xl,.kpn-icon--size-service-lg,.kpn-icon--size-logo-lg{--icon-size: 4.5rem}.kpn-icon--size-default-2xl,.kpn-icon--size-service-xl,.kpn-icon--size-logo-xl{--icon-size: 6rem}.kpn-icon--size-default-3xl,.kpn-icon--size-logo-2xl{--icon-size: 9rem}.kpn-icon--size-default-4xl{--icon-size: 18.75rem} Glasvezel is supersnel en vooral ook superstabiel:host{display:block}:host([hidden]){display:none}:host .kpn-icon-list-item{margin-bottom:var(--kpn-space-2xs, .25rem)}:host(:last-of-type) .kpn-icon-list-item{margin-bottom:0}.kpn-icon-list-item:has(.kpn-icon-list-item__icon--light){color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item--bullet{display:list-item}.kpn-icon-list-item--link,.kpn-icon-list-item--icon,.kpn-icon-list-item--check{display:flex;align-items:flex-start}.kpn-icon-list-item>kpn-icon{margin-left:calc(0px - var(--kpn-space-xl, 2rem));margin-right:var(--kpn-space-xs, .5rem)}.kpn-icon-list-item__icon--green{color:var(--kpn-icon-list-check-color, #00c300)}.kpn-icon-list-item__icon--dark{color:var(--kpn-icon-list-theme-icon-dark, #000)}.kpn-icon-list-item__icon--primary{color:var(--kpn-icon-list-theme-icon-primary, #00c300)}.kpn-icon-list-item__icon--light{color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item__icon--tertiary{color:var(--kpn-icon-list-theme-icon-tertiary, #ddff44)}.kpn-icon-list-item__link{color:var(--kpn-icon-list-link-color, #232323);text-decoration:none}.kpn-icon-list-item__link:hover{color:var(--kpn-icon-list-link-hover-color, #0066ee);text-decoration:underline}.kpn-icon-list-item__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0} :host{box-sizing:border-box;display:inline-block}:host([hidden]){display:none}.kpn-graphic__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.kpn-icon svg{display:block;width:auto;height:100%}.kpn-icon--size-auto svg{width:1.5em;height:1.5em;min-width:18px;min-height:18px}.kpn-icon:not(.kpn-icon--size-auto){height:var(--icon-size);min-width:var(--icon-size)}.kpn-icon--size-unregistered-xs{--icon-size: .75rem}.kpn-icon--size-unregistered-sm,.kpn-icon--size-default-sm{--icon-size: 1rem}.kpn-icon--size-unregistered-md,.kpn-icon--size-default-md{--icon-size: 1.5rem}.kpn-icon--size-unregistered-lg,.kpn-icon--size-default-lg{--icon-size: 2.25rem}.kpn-icon--size-default-xl,.kpn-icon--size-unregistered-xl,.kpn-icon--size-service-xs,.kpn-icon--size-logo-xs{--icon-size: 3rem}.kpn-icon--size-service-sm,.kpn-icon--size-logo-sm{--icon-size: 3.5rem}.kpn-icon--size-service-md,.kpn-icon--size-logo-md{--icon-size: 4rem}.kpn-icon--size-unregistered-2xl,.kpn-icon--size-service-lg,.kpn-icon--size-logo-lg{--icon-size: 4.5rem}.kpn-icon--size-default-2xl,.kpn-icon--size-service-xl,.kpn-icon--size-logo-xl{--icon-size: 6rem}.kpn-icon--size-default-3xl,.kpn-icon--size-logo-2xl{--icon-size: 9rem}.kpn-icon--size-default-4xl{--icon-size: 18.75rem} Glasvezel kost bij KPN hetzelfde als gewoon internet:host{display:block}:host([hidden]){display:none}:host .kpn-icon-list-item{margin-bottom:var(--kpn-space-2xs, .25rem)}:host(:last-of-type) .kpn-icon-list-item{margin-bottom:0}.kpn-icon-list-item:has(.kpn-icon-list-item__icon--light){color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item--bullet{display:list-item}.kpn-icon-list-item--link,.kpn-icon-list-item--icon,.kpn-icon-list-item--check{display:flex;align-items:flex-start}.kpn-icon-list-item>kpn-icon{margin-left:calc(0px - var(--kpn-space-xl, 2rem));margin-right:var(--kpn-space-xs, .5rem)}.kpn-icon-list-item__icon--green{color:var(--kpn-icon-list-check-color, #00c300)}.kpn-icon-list-item__icon--dark{color:var(--kpn-icon-list-theme-icon-dark, #000)}.kpn-icon-list-item__icon--primary{color:var(--kpn-icon-list-theme-icon-primary, #00c300)}.kpn-icon-list-item__icon--light{color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item__icon--tertiary{color:var(--kpn-icon-list-theme-icon-tertiary, #ddff44)}.kpn-icon-list-item__link{color:var(--kpn-icon-list-link-color, #232323);text-decoration:none}.kpn-icon-list-item__link:hover{color:var(--kpn-icon-list-link-hover-color, #0066ee);text-decoration:underline}.kpn-icon-list-item__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0} :host{box-sizing:border-box;display:inline-block}:host([hidden]){display:none}.kpn-graphic__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.kpn-icon svg{display:block;width:auto;height:100%}.kpn-icon--size-auto svg{width:1.5em;height:1.5em;min-width:18px;min-height:18px}.kpn-icon:not(.kpn-icon--size-auto){height:var(--icon-size);min-width:var(--icon-size)}.kpn-icon--size-unregistered-xs{--icon-size: .75rem}.kpn-icon--size-unregistered-sm,.kpn-icon--size-default-sm{--icon-size: 1rem}.kpn-icon--size-unregistered-md,.kpn-icon--size-default-md{--icon-size: 1.5rem}.kpn-icon--size-unregistered-lg,.kpn-icon--size-default-lg{--icon-size: 2.25rem}.kpn-icon--size-default-xl,.kpn-icon--size-unregistered-xl,.kpn-icon--size-service-xs,.kpn-icon--size-logo-xs{--icon-size: 3rem}.kpn-icon--size-service-sm,.kpn-icon--size-logo-sm{--icon-size: 3.5rem}.kpn-icon--size-service-md,.kpn-icon--size-logo-md{--icon-size: 4rem}.kpn-icon--size-unregistered-2xl,.kpn-icon--size-service-lg,.kpn-icon--size-logo-lg{--icon-size: 4.5rem}.kpn-icon--size-default-2xl,.kpn-icon--size-service-xl,.kpn-icon--size-logo-xl{--icon-size: 6rem}.kpn-icon--size-default-3xl,.kpn-icon--size-logo-2xl{--icon-size: 9rem}.kpn-icon--size-default-4xl{--icon-size: 18.75rem} Bij glasvezel is uploaden net zo snel als downloaden:host{display:block}:host([hidden]){display:none}:host .kpn-icon-list-item{margin-bottom:var(--kpn-space-2xs, .25rem)}:host(:last-of-type) .kpn-icon-list-item{margin-bottom:0}.kpn-icon-list-item:has(.kpn-icon-list-item__icon--light){color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item--bullet{display:list-item}.kpn-icon-list-item--link,.kpn-icon-list-item--icon,.kpn-icon-list-item--check{display:flex;align-items:flex-start}.kpn-icon-list-item>kpn-icon{margin-left:calc(0px - var(--kpn-space-xl, 2rem));margin-right:var(--kpn-space-xs, .5rem)}.kpn-icon-list-item__icon--green{color:var(--kpn-icon-list-check-color, #00c300)}.kpn-icon-list-item__icon--dark{color:var(--kpn-icon-list-theme-icon-dark, #000)}.kpn-icon-list-item__icon--primary{color:var(--kpn-icon-list-theme-icon-primary, #00c300)}.kpn-icon-list-item__icon--light{color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item__icon--tertiary{color:var(--kpn-icon-list-theme-icon-tertiary, #ddff44)}.kpn-icon-list-item__link{color:var(--kpn-icon-list-link-color, #232323);text-decoration:none}.kpn-icon-list-item__link:hover{color:var(--kpn-icon-list-link-hover-color, #0066ee);text-decoration:underline}.kpn-icon-list-item__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0} :host{box-sizing:border-box;display:inline-block}:host([hidden]){display:none}.kpn-graphic__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.kpn-icon svg{display:block;width:auto;height:100%}.kpn-icon--size-auto svg{width:1.5em;height:1.5em;min-width:18px;min-height:18px}.kpn-icon:not(.kpn-icon--size-auto){height:var(--icon-size);min-width:var(--icon-size)}.kpn-icon--size-unregistered-xs{--icon-size: .75rem}.kpn-icon--size-unregistered-sm,.kpn-icon--size-default-sm{--icon-size: 1rem}.kpn-icon--size-unregistered-md,.kpn-icon--size-default-md{--icon-size: 1.5rem}.kpn-icon--size-unregistered-lg,.kpn-icon--size-default-lg{--icon-size: 2.25rem}.kpn-icon--size-default-xl,.kpn-icon--size-unregistered-xl,.kpn-icon--size-service-xs,.kpn-icon--size-logo-xs{--icon-size: 3rem}.kpn-icon--size-service-sm,.kpn-icon--size-logo-sm{--icon-size: 3.5rem}.kpn-icon--size-service-md,.kpn-icon--size-logo-md{--icon-size: 4rem}.kpn-icon--size-unregistered-2xl,.kpn-icon--size-service-lg,.kpn-icon--size-logo-lg{--icon-size: 4.5rem}.kpn-icon--size-default-2xl,.kpn-icon--size-service-xl,.kpn-icon--size-logo-xl{--icon-size: 6rem}.kpn-icon--size-default-3xl,.kpn-icon--size-logo-2xl{--icon-size: 9rem}.kpn-icon--size-default-4xl{--icon-size: 18.75rem} Glasvezel is energiezuiniger dan andere netwerkenEr zijn al ruim 4 miljoen adressen aangesloten!:host{display:block}:host([hidden]){display:none}.kpn-card{border-radius:var(--kpn-card-border-radius, 1rem);background-color:var(--kpn-card-background-color, #fff);box-shadow:var(--kpn-shadow-level-1, 0 3px 30px 0 rgb(0 0 0 / 10%));height:100%;border-width:var(--kpn-card-border-width, 0px);border-style:var(--kpn-card-border-style, solid);border-color:var(--kpn-card-border-color, transparent)}.kpn-card--shadow-sm{box-shadow:var(--kpn-shadow-level-1, 0 3px 30px 0 rgb(0 0 0 / 10%))}.kpn-card--shadow-md{box-shadow:var(--kpn-shadow-level-2, 0 3px 30px 0 rgb(0 0 0 / 20%))}.kpn-card--shadow-lg{box-shadow:var(--kpn-shadow-level-3, 0 3px 30px 0 rgb(0 0 0 / 30%))}.kpn-card--disabled{--kpn-card-background-color: var(--kpn-card-disabled-background-color, #f9f9f9);--kpn-card-border-width: var(--kpn-card-disabled-border-width, 1px);--kpn-card-border-style: var(--kpn-card-disabled-border-style, solid);--kpn-card-border-color: var(--kpn-card-disabled-border-color, #e3e3e3)}.kpn-card-content{padding:var(--kpn-card-content-padding);height:100%} :host{display:block}:host([hidden]){display:none}.kpn-card__header{width:100%;overflow:hidden;border-radius:var(--kpn-border-radius, 1rem) var(--kpn-border-radius, 1rem) 0 0;height:inherit;aspect-ratio:inherit}.kpn-card__header--height-md{height:100%;max-height:10rem} 4 Gbit/s down- en uploadenSuperFiber 4:host{display:block}:host([hidden]){display:none}.kpn-progress-bar{height:.5rem;display:block;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:.25rem;overflow:hidden}.kpn-progress-bar-primary{background-color:var(--kpn-progress-bar-background-color, #f3f3f3)}.kpn-progress-bar-secondary{background-color:var(--kpn-progress-bar-background-color-secondary, #f3f3f3)}.kpn-progress-bar__indicator{border-radius:.25rem;height:100%;position:absolute;top:0;left:0}.kpn-progress-bar__color-indicator-primary{background-color:var(--kpn-progress-bar-color, #00c300)}.kpn-progress-bar__color-indicator-secondary{background-color:var(--kpn-progress-bar-color-secondary, #0066ee)} :host{display:block}:host([hidden]){display:none}.kpn-card-content{all:inherit;box-sizing:border-box;padding:var(--kpn-card-content-padding, 1rem)}@media (min-width: 768px){.kpn-card-content{padding:var(--kpn-card-content-padding, 1.5rem)}} :host{display:block}:host([hidden]){display:none}.kpn-icon-list{padding-left:var(--kpn-space-xl, 2rem);color:var(--kpn-font-color)} :host{display:block}:host([hidden]){display:none}:host .kpn-icon-list-item{margin-bottom:var(--kpn-space-2xs, .25rem)}:host(:last-of-type) .kpn-icon-list-item{margin-bottom:0}.kpn-icon-list-item:has(.kpn-icon-list-item__icon--light){color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item--bullet{display:list-item}.kpn-icon-list-item--link,.kpn-icon-list-item--icon,.kpn-icon-list-item--check{display:flex;align-items:flex-start}.kpn-icon-list-item>kpn-icon{margin-left:calc(0px - var(--kpn-space-xl, 2rem));margin-right:var(--kpn-space-xs, .5rem)}.kpn-icon-list-item__icon--green{color:var(--kpn-icon-list-check-color, #00c300)}.kpn-icon-list-item__icon--dark{color:var(--kpn-icon-list-theme-icon-dark, #000)}.kpn-icon-list-item__icon--primary{color:var(--kpn-icon-list-theme-icon-primary, #00c300)}.kpn-icon-list-item__icon--light{color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item__icon--tertiary{color:var(--kpn-icon-list-theme-icon-tertiary, #ddff44)}.kpn-icon-list-item__link{color:var(--kpn-icon-list-link-color, #232323);text-decoration:none}.kpn-icon-list-item__link:hover{color:var(--kpn-icon-list-link-hover-color, #0066ee);text-decoration:underline}.kpn-icon-list-item__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0} :host{box-sizing:border-box;display:inline-block}:host([hidden]){display:none}.kpn-graphic__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.kpn-icon svg{display:block;width:auto;height:100%}.kpn-icon--size-auto svg{width:1.5em;height:1.5em;min-width:18px;min-height:18px}.kpn-icon:not(.kpn-icon--size-auto){height:var(--icon-size);min-width:var(--icon-size)}.kpn-icon--size-unregistered-xs{--icon-size: .75rem}.kpn-icon--size-unregistered-sm,.kpn-icon--size-default-sm{--icon-size: 1rem}.kpn-icon--size-unregistered-md,.kpn-icon--size-default-md{--icon-size: 1.5rem}.kpn-icon--size-unregistered-lg,.kpn-icon--size-default-lg{--icon-size: 2.25rem}.kpn-icon--size-default-xl,.kpn-icon--size-unregistered-xl,.kpn-icon--size-service-xs,.kpn-icon--size-logo-xs{--icon-size: 3rem}.kpn-icon--size-service-sm,.kpn-icon--size-logo-sm{--icon-size: 3.5rem}.kpn-icon--size-service-md,.kpn-icon--size-logo-md{--icon-size: 4rem}.kpn-icon--size-unregistered-2xl,.kpn-icon--size-service-lg,.kpn-icon--size-logo-lg{--icon-size: 4.5rem}.kpn-icon--size-default-2xl,.kpn-icon--size-service-xl,.kpn-icon--size-logo-xl{--icon-size: 6rem}.kpn-icon--size-default-3xl,.kpn-icon--size-logo-2xl{--icon-size: 9rem}.kpn-icon--size-default-4xl{--icon-size: 18.75rem} Iedereen thuis altijd online :host{display:block}:host([hidden]){display:none}:host .kpn-icon-list-item{margin-bottom:var(--kpn-space-2xs, .25rem)}:host(:last-of-type) .kpn-icon-list-item{margin-bottom:0}.kpn-icon-list-item:has(.kpn-icon-list-item__icon--light){color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item--bullet{display:list-item}.kpn-icon-list-item--link,.kpn-icon-list-item--icon,.kpn-icon-list-item--check{display:flex;align-items:flex-start}.kpn-icon-list-item>kpn-icon{margin-left:calc(0px - var(--kpn-space-xl, 2rem));margin-right:var(--kpn-space-xs, .5rem)}.kpn-icon-list-item__icon--green{color:var(--kpn-icon-list-check-color, #00c300)}.kpn-icon-list-item__icon--dark{color:var(--kpn-icon-list-theme-icon-dark, #000)}.kpn-icon-list-item__icon--primary{color:var(--kpn-icon-list-theme-icon-primary, #00c300)}.kpn-icon-list-item__icon--light{color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item__icon--tertiary{color:var(--kpn-icon-list-theme-icon-tertiary, #ddff44)}.kpn-icon-list-item__link{color:var(--kpn-icon-list-link-color, #232323);text-decoration:none}.kpn-icon-list-item__link:hover{color:var(--kpn-icon-list-link-hover-color, #0066ee);text-decoration:underline}.kpn-icon-list-item__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0} :host{box-sizing:border-box;display:inline-block}:host([hidden]){display:none}.kpn-graphic__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.kpn-icon svg{display:block;width:auto;height:100%}.kpn-icon--size-auto svg{width:1.5em;height:1.5em;min-width:18px;min-height:18px}.kpn-icon:not(.kpn-icon--size-auto){height:var(--icon-size);min-width:var(--icon-size)}.kpn-icon--size-unregistered-xs{--icon-size: .75rem}.kpn-icon--size-unregistered-sm,.kpn-icon--size-default-sm{--icon-size: 1rem}.kpn-icon--size-unregistered-md,.kpn-icon--size-default-md{--icon-size: 1.5rem}.kpn-icon--size-unregistered-lg,.kpn-icon--size-default-lg{--icon-size: 2.25rem}.kpn-icon--size-default-xl,.kpn-icon--size-unregistered-xl,.kpn-icon--size-service-xs,.kpn-icon--size-logo-xs{--icon-size: 3rem}.kpn-icon--size-service-sm,.kpn-icon--size-logo-sm{--icon-size: 3.5rem}.kpn-icon--size-service-md,.kpn-icon--size-logo-md{--icon-size: 4rem}.kpn-icon--size-unregistered-2xl,.kpn-icon--size-service-lg,.kpn-icon--size-logo-lg{--icon-size: 4.5rem}.kpn-icon--size-default-2xl,.kpn-icon--size-service-xl,.kpn-icon--size-logo-xl{--icon-size: 6rem}.kpn-icon--size-default-3xl,.kpn-icon--size-logo-2xl{--icon-size: 9rem}.kpn-icon--size-default-4xl{--icon-size: 18.75rem} Tegelijk streamen in haarscherpe 4K-kwaliteit :host{display:block}:host([hidden]){display:none}:host .kpn-icon-list-item{margin-bottom:var(--kpn-space-2xs, .25rem)}:host(:last-of-type) .kpn-icon-list-item{margin-bottom:0}.kpn-icon-list-item:has(.kpn-icon-list-item__icon--light){color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item--bullet{display:list-item}.kpn-icon-list-item--link,.kpn-icon-list-item--icon,.kpn-icon-list-item--check{display:flex;align-items:flex-start}.kpn-icon-list-item>kpn-icon{margin-left:calc(0px - var(--kpn-space-xl, 2rem));margin-right:var(--kpn-space-xs, .5rem)}.kpn-icon-list-item__icon--green{color:var(--kpn-icon-list-check-color, #00c300)}.kpn-icon-list-item__icon--dark{color:var(--kpn-icon-list-theme-icon-dark, #000)}.kpn-icon-list-item__icon--primary{color:var(--kpn-icon-list-theme-icon-primary, #00c300)}.kpn-icon-list-item__icon--light{color:var(--kpn-icon-list-theme-icon-light, #fff)}.kpn-icon-list-item__icon--tertiary{color:var(--kpn-icon-list-theme-icon-tertiary, #ddff44)}.kpn-icon-list-item__link{color:var(--kpn-icon-list-link-color, #232323);text-decoration:none}.kpn-icon-list-item__link:hover{color:var(--kpn-icon-list-link-hover-color, #0066ee);text-decoration:underline}.kpn-icon-list-item__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0} :host{box-sizing:border-box;display:inline-block}:host([hidden]){display:none}.kpn-graphic__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.kpn-icon svg{display:block;width:auto;height:100%}.kpn-icon--size-auto svg{width:1.5em;height:1.5em;min-width:18px;min-height:18px}.kpn-icon:not(.kpn-icon--size-auto){height:var(--icon-size);min-width:var(--icon-size)}.kpn-icon--size-unregistered-xs{--icon-size: .75rem}.kpn-icon--size-unregistered-sm,.kpn-icon--size-default-sm{--icon-size: 1rem}.kpn-icon--size-unregistered-md,.kpn-icon--size-default-md{--icon-size: 1.5rem}.kpn-icon--size-unregistered-lg,.kpn-icon--size-default-lg{--icon-size: 2.25rem}.kpn-icon--size-default-xl,.kpn-icon--size-unregistered-xl,.kpn-icon--size-service-xs,.kpn-icon--size-logo-xs{--icon-size: 3rem}.kpn-icon--size-service-sm,.kpn-icon--size-logo-sm{--icon-size: 3.5rem}.kpn-icon--size-service-md,.kpn-icon--size-logo-md{--icon-size: 4rem}.kpn-icon--size-unregistered-2xl,.kpn-icon--size-service-lg,.kpn-icon--size-logo-lg{--icon-size: 4.5rem}.kpn-icon--size-default-2xl,.kpn-icon--size-service-xl,.kpn-icon--size-logo-xl{--icon-size: 6rem}.kpn-icon--size-default-3xl,.kpn-icon--size-logo-2xl{--icon-size: 9rem}.kpn-icon--size-default-4xl{--icon-size: 18.75rem} Supersnel en stabiel gamen zonder haperingen :host{display:block}:host([hidden]){display:none}.kpn-card{border-radius:var(--kpn-card-border-radius, 1rem);background-color:var(--kpn-card-background-color, #fff);box-shadow:var(--kpn-shadow-level-1, 0 3px 30px 0 rgb(0 0 0 / 10%));height:100%;border-width:var(--kpn-card-border-width, 0px);border-style:var(--kpn-card-border-style, solid);border-color:var(--kpn-card-border-color, transparent)}.kpn-card--shadow-sm{box-shadow:var(--kpn-shadow-level-1, 0 3px 30px 0 rgb(0 0 0 / 10%))}.kpn-card--shadow-md{box-shadow:var(--kpn-shadow-level-2, 0 3px 30px 0 rgb(0 0 0 / 20%))}.kpn-card--shadow-lg{box-shadow:var(--kpn-shadow-level-3, 0 3px 30px 0 rgb(0 0 0 / 30%))}.kpn-card--disabled{--kpn-card-background-color: var(--kpn-card-disabled-background-color, #f9f9f9);--kpn-card-border-width: var(--kpn-card-disabled-border-width, 1px);--kpn-card-border-style: var(--kpn-card-disabled-border-style, solid);--kpn-card-border-color: var(--kpn-card-disabled-border-color,