text-shadow: <offset-x> <offset-y> <blur-radius> <color>;In diesem Beispiel erstelle ich einen weißen Text mit einer schwarzen Kontur von 1px
<!DOCTYPE html>| /** | |
| /* Make the Core Framework Popup wider & taller | |
| */ | |
| .cf-variable-ui { | |
| width: 50rem !important; | |
| height: 50vh !important; | |
| } | |
| /* Makes Color Chips taller */ | |
| .cf-variable-ui .cf-variable-ui-list-item-color { |
| /** | |
| * See what you've edited in Bricks | |
| * https://youtu.be/c-ktTNIp_hI | |
| */ | |
| li.has-settings { | |
| background-color: rgba(252,87,120, .5) !important; | |
| } | |
| span.bricks-svg-wrapper::after { | |
| display: none !important; |
| wget --mirror --convert-links --adjust-extension --page-requisites --no-parent http://beispiel.de |
| Please answer the following settings for generating a CSS clamp() value. I will not proceed until you provide all the values (or confirm the defaults): | |
| Clamp() Generation Settings | |
| 1. What is the base rem size? (default: 10px) | |
| 2. What is the min viewport width? (default: 380px) | |
| 3. What is the min size in pixels? (default: 15px) | |
| 4. What is the max viewport width? (default: 1600px) | |
| 5. What is the max size in pixels? (default: 18px) | |
| ________________________________________ | |
| 📐 Choose a spacing scale ratio (case-insensitive) | |
| Options: |
| li.has-settings { | |
| background-color: rgba(252,87,120, .5) !important; | |
| } | |
| span.bricks-svg-wrapper::after { | |
| display: none !important; | |
| } |
| /* https://www.youtube.com/watch?v=hy8W7cBdcaE */ | |
| /* Apply this code to the parent element of a card design and ensure you have at least one link applied - typically the heading */ | |
| %root% { | |
| position: relative; | |
| } | |
| %root% h3 a::before { | |
| content: ''; |
| <!DOCTYPE html> | |
| <html lang="de"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Document</title> | |
| <style> | |
| .parent { | |
| width: 100%; |
| /* This CSS is in a custom class of the Card Element */ | |
| %root% { | |
| position: relative; | |
| } | |
| %root%:hover { | |
| translate: 0 -.25rem; | |
| } |
| /* Either pass the code in your Bricks settings -> Custom Code -> CSS, or - if you already have a Code manager active: Set the css to for "logged in users only". */ | |
| html { | |
| margin-top: 0px !important; | |
| } | |
| #wpadminbar { | |
| top: 4px; | |
| margin: 0 5px 0 5px; | |
| transition: all ease-in-out .2s; |