Archives

Home Forums Search Search Results for 'GP font icons'

Search Results for 'GP font icons'

Home Forums Search Search Results for 'GP font icons'

Viewing 15 results - 1 through 15 (of 242 total)
  • Author
    Search Results
  • #1932060
    [Support request]

    Topic: Replace bullets with an fa-icon

    in forum Support
    Tim

    Hello

    An author of posts would like to selectively (per line) replace the bullet points available in the GP Theme with an icon such as a Font Awesome icon like

    fas fa-check-circle https://fontawesome.com/v5.15/icons/check-circle?style=solid

    How can I implement this cleanly to give the user a UI friendly way to apply this ?

    Thanks

    #1913777
    David
    Staff
    Customer Support

    Hi there,

    create a new draft page, set the editor to Code Editor via the 3 dot menu in the top bar. Paste this code into the editor, then switch back to the Visual Editor:

    <!-- wp:generateblocks/container {"uniqueId":"01b9f7e5","paddingTop":"80","paddingRight":"20","paddingBottom":"140","paddingLeft":"20","backgroundColor":"#5112e5","gradient":true,"gradientDirection":135,"gradientColorOne":"#5112e5","gradientColorOneOpacity":1,"gradientColorStopOne":40,"gradientColorTwo":"#00a9ff","gradientColorTwoOpacity":1,"isDynamic":true} -->
    <!-- wp:generateblocks/headline {"uniqueId":"4598abf0","element":"h3","alignment":"center","textColor":"#ffffff","showAdvancedTypography":true,"fontSize":22,"letterSpacing":0.1,"marginBottom":"50","hasIcon":true,"iconColor":"#00a9ff","iconLocation":"above","iconPaddingRight":"","iconSize":2} -->
    <h3 class="gb-headline gb-headline-4598abf0"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" class="feather feather-minus"><path d="M5 12h14"></path></svg></span><span class="gb-headline-text">Monthly Plans</span></h3>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/grid {"uniqueId":"95a5c982","columns":3,"horizontalGap":80,"verticalGapTablet":80,"horizontalAlignment":"center","isDynamic":true} -->
    <!-- wp:generateblocks/container {"uniqueId":"d4624852","isGrid":true,"gridId":"faab6bd1","width":33.33,"widthTablet":55,"paddingTop":"30","paddingRight":"40","paddingBottom":"40","paddingLeft":"40","borderSizeBottom":"2","borderRadiusTopRight":"12","borderRadiusBottomRight":"12","borderRadiusBottomLeft":"12","borderRadiusTopLeft":"12","borderColor":"#00a9ff","backgroundColor":"#ffffff","bgImage":{"id":1126,"image":{"height":64.3,"width":97.6,"url":"https://gpsites.co/landing/wp-content/uploads/sites/66/shape-1.svg","orientation":"portrait"}},"bgOptions":{"overlay":false,"position":"right top","size":"160px","repeat":"no-repeat","attachment":"","selector":"pseudo-element","opacity":1},"isDynamic":true} -->
    <!-- wp:generateblocks/headline {"uniqueId":"95b36b4b","element":"h3","textColor":"#5112e5","showAdvancedTypography":true,"letterSpacing":0.1,"marginBottom":"0"} -->
    <h3 class="gb-headline gb-headline-95b36b4b gb-headline-text">Galaxy</h3>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/headline {"uniqueId":"871d9538","element":"h4","marginBottom":"30"} -->
    <h4 class="gb-headline gb-headline-871d9538 gb-headline-text">$99 / mo</h4>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/headline {"uniqueId":"c0d245f6","element":"p","borderColor":"#00a9ff","marginBottom":"15","paddingBottom":"15","borderSizeBottom":"1","hasIcon":true,"iconColor":"#00a9ff"} -->
    <p class="gb-headline gb-headline-c0d245f6"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" width="1em" height="1em" aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z" fill="currentColor"></path></svg></span><span class="gb-headline-text">monthly plan featured item</span></p>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/headline {"uniqueId":"c1c74cbc","element":"p","borderColor":"#00a9ff","marginBottom":"15","paddingBottom":"15","borderSizeBottom":"1","hasIcon":true,"iconColor":"#00a9ff"} -->
    <p class="gb-headline gb-headline-c1c74cbc"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" width="1em" height="1em" aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z" fill="currentColor"></path></svg></span><span class="gb-headline-text">monthly plan featured item</span></p>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/headline {"uniqueId":"39654f81","element":"p","borderColor":"#00a9ff","marginBottom":"15","paddingBottom":"15","borderSizeBottom":"1","hasIcon":true,"iconColor":"#00a9ff"} -->
    <p class="gb-headline gb-headline-39654f81"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" width="1em" height="1em" aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z" fill="currentColor"></path></svg></span><span class="gb-headline-text">monthly plan featured item</span></p>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/headline {"uniqueId":"717a22fd","element":"p","borderColor":"#00a9ff","marginBottom":"15","paddingBottom":"15","borderSizeBottom":"1","hasIcon":true,"iconColor":"#00a9ff"} -->
    <p class="gb-headline gb-headline-717a22fd"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" width="1em" height="1em" aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z" fill="currentColor"></path></svg></span><span class="gb-headline-text">monthly plan featured item</span></p>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/headline {"uniqueId":"1a90cef8","element":"p","borderColor":"#00a9ff","marginBottom":"15","paddingBottom":"15","hasIcon":true,"iconColor":"#00a9ff"} -->
    <p class="gb-headline gb-headline-1a90cef8"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" width="1em" height="1em" aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z" fill="currentColor"></path></svg></span><span class="gb-headline-text">monthly plan featured item</span></p>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/button-container {"uniqueId":"512b2f6c","marginTop":"20","fillHorizontalSpace":true,"isDynamic":true} -->
    <!-- wp:generateblocks/button {"uniqueId":"4c5a56d1","hasUrl":false,"backgroundColor":"#5112e5","textColor":"#ffffff","backgroundColorHover":"#00a9ff","textColorHover":"#ffffff","showAdvancedTypography":true,"fontWeight":"700","textTransform":"uppercase","letterSpacing":0.1,"paddingTop":"14","paddingRight":"24","paddingBottom":"14","paddingLeft":"24","borderRadiusTopRight":"4","borderRadiusBottomRight":"4","borderRadiusBottomLeft":"4","borderRadiusTopLeft":"4"} -->
    <span class="gb-button gb-button-4c5a56d1 gb-button-text">Contact Us</span>
    <!-- /wp:generateblocks/button -->
    <!-- /wp:generateblocks/button-container -->
    <!-- /wp:generateblocks/container -->
    
    <!-- wp:generateblocks/container {"uniqueId":"50fd6a68","isGrid":true,"gridId":"faab6bd1","width":33.33,"widthTablet":55,"paddingTop":"30","paddingRight":"40","paddingBottom":"40","paddingLeft":"40","borderSizeBottom":"2","borderRadiusTopRight":"12","borderRadiusBottomRight":"12","borderRadiusBottomLeft":"12","borderRadiusTopLeft":"12","borderColor":"#00a9ff","backgroundColor":"#ffffff","bgImage":{"id":1126,"image":{"height":64.3,"width":97.6,"url":"https://gpsites.co/landing/wp-content/uploads/sites/66/shape-1.svg","orientation":"portrait"}},"bgOptions":{"overlay":false,"position":"right top","size":"160px","repeat":"no-repeat","attachment":"","selector":"pseudo-element","opacity":1},"isDynamic":true} -->
    <!-- wp:generateblocks/headline {"uniqueId":"c9fd18e9","element":"h3","textColor":"#5112e5","showAdvancedTypography":true,"letterSpacing":0.1,"marginBottom":"0"} -->
    <h3 class="gb-headline gb-headline-c9fd18e9 gb-headline-text">Universe</h3>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/headline {"uniqueId":"710f51f1","element":"h4","marginBottom":"30"} -->
    <h4 class="gb-headline gb-headline-710f51f1 gb-headline-text">$199 / mo</h4>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/headline {"uniqueId":"f4a8a872","element":"p","borderColor":"#00a9ff","marginBottom":"15","paddingBottom":"15","borderSizeBottom":"1","hasIcon":true,"iconColor":"#00a9ff"} -->
    <p class="gb-headline gb-headline-f4a8a872"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" width="1em" height="1em" aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z" fill="currentColor"></path></svg></span><span class="gb-headline-text">monthly plan featured item</span></p>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/headline {"uniqueId":"0a54805d","element":"p","borderColor":"#00a9ff","marginBottom":"15","paddingBottom":"15","borderSizeBottom":"1","hasIcon":true,"iconColor":"#00a9ff"} -->
    <p class="gb-headline gb-headline-0a54805d"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" width="1em" height="1em" aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z" fill="currentColor"></path></svg></span><span class="gb-headline-text">monthly plan featured item</span></p>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/headline {"uniqueId":"d1e564c8","element":"p","borderColor":"#00a9ff","marginBottom":"15","paddingBottom":"15","borderSizeBottom":"1","hasIcon":true,"iconColor":"#00a9ff"} -->
    <p class="gb-headline gb-headline-d1e564c8"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" width="1em" height="1em" aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z" fill="currentColor"></path></svg></span><span class="gb-headline-text">monthly plan featured item</span></p>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/headline {"uniqueId":"634b8a75","element":"p","borderColor":"#00a9ff","marginBottom":"15","paddingBottom":"15","borderSizeBottom":"1","hasIcon":true,"iconColor":"#00a9ff"} -->
    <p class="gb-headline gb-headline-634b8a75"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" width="1em" height="1em" aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z" fill="currentColor"></path></svg></span><span class="gb-headline-text">monthly plan featured item</span></p>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/headline {"uniqueId":"5442557a","element":"p","borderColor":"#00a9ff","marginBottom":"15","paddingBottom":"15","hasIcon":true,"iconColor":"#00a9ff"} -->
    <p class="gb-headline gb-headline-5442557a"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" width="1em" height="1em" aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z" fill="currentColor"></path></svg></span><span class="gb-headline-text">monthly plan featured item</span></p>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/button-container {"uniqueId":"2d1a8035","marginTop":"20","fillHorizontalSpace":true,"isDynamic":true} -->
    <!-- wp:generateblocks/button {"uniqueId":"9f2b80e9","hasUrl":false,"backgroundColor":"#5112e5","textColor":"#ffffff","backgroundColorHover":"#00a9ff","textColorHover":"#ffffff","showAdvancedTypography":true,"fontWeight":"700","textTransform":"uppercase","letterSpacing":0.1,"paddingTop":"14","paddingRight":"24","paddingBottom":"14","paddingLeft":"24","borderRadiusTopRight":"4","borderRadiusBottomRight":"4","borderRadiusBottomLeft":"4","borderRadiusTopLeft":"4"} -->
    <span class="gb-button gb-button-9f2b80e9 gb-button-text">Contact Us</span>
    <!-- /wp:generateblocks/button -->
    <!-- /wp:generateblocks/button-container -->
    <!-- /wp:generateblocks/container -->
    
    <!-- wp:generateblocks/container {"uniqueId":"4eb0e147","isGrid":true,"gridId":"faab6bd1","width":33.33,"widthTablet":55,"paddingTop":"30","paddingRight":"40","paddingBottom":"40","paddingLeft":"40","borderSizeBottom":"2","borderRadiusTopRight":"12","borderRadiusBottomRight":"12","borderRadiusBottomLeft":"12","borderRadiusTopLeft":"12","borderColor":"#00a9ff","backgroundColor":"#ffffff","bgImage":{"id":1126,"image":{"height":64.3,"width":97.6,"url":"https://gpsites.co/landing/wp-content/uploads/sites/66/shape-1.svg","orientation":"portrait"}},"bgOptions":{"overlay":false,"position":"right top","size":"160px","repeat":"no-repeat","attachment":"","selector":"pseudo-element","opacity":1},"removeVerticalGapTablet":true,"removeVerticalGapMobile":true,"isDynamic":true} -->
    <!-- wp:generateblocks/headline {"uniqueId":"e8f64787","element":"h3","textColor":"#5112e5","showAdvancedTypography":true,"letterSpacing":0.1,"marginBottom":"0"} -->
    <h3 class="gb-headline gb-headline-e8f64787 gb-headline-text">Multiverse</h3>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/headline {"uniqueId":"f46b02ee","element":"h4","marginBottom":"30"} -->
    <h4 class="gb-headline gb-headline-f46b02ee gb-headline-text">$299 / mo</h4>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/headline {"uniqueId":"d4290ec6","element":"p","borderColor":"#00a9ff","marginBottom":"15","paddingBottom":"15","borderSizeBottom":"1","hasIcon":true,"iconColor":"#00a9ff"} -->
    <p class="gb-headline gb-headline-d4290ec6"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" width="1em" height="1em" aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z" fill="currentColor"></path></svg></span><span class="gb-headline-text">monthly plan featured item</span></p>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/headline {"uniqueId":"4fe5a1c8","element":"p","borderColor":"#00a9ff","marginBottom":"15","paddingBottom":"15","borderSizeBottom":"1","hasIcon":true,"iconColor":"#00a9ff"} -->
    <p class="gb-headline gb-headline-4fe5a1c8"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" width="1em" height="1em" aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z" fill="currentColor"></path></svg></span><span class="gb-headline-text">monthly plan featured item</span></p>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/headline {"uniqueId":"d85355de","element":"p","borderColor":"#00a9ff","marginBottom":"15","paddingBottom":"15","borderSizeBottom":"1","hasIcon":true,"iconColor":"#00a9ff"} -->
    <p class="gb-headline gb-headline-d85355de"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" width="1em" height="1em" aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z" fill="currentColor"></path></svg></span><span class="gb-headline-text">monthly plan featured item</span></p>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/headline {"uniqueId":"75826540","element":"p","borderColor":"#00a9ff","marginBottom":"15","paddingBottom":"15","borderSizeBottom":"1","hasIcon":true,"iconColor":"#00a9ff"} -->
    <p class="gb-headline gb-headline-75826540"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" width="1em" height="1em" aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z" fill="currentColor"></path></svg></span><span class="gb-headline-text">monthly plan featured item</span></p>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/headline {"uniqueId":"ffac2c49","element":"p","borderColor":"#00a9ff","marginBottom":"15","paddingBottom":"15","hasIcon":true,"iconColor":"#00a9ff"} -->
    <p class="gb-headline gb-headline-ffac2c49"><span class="gb-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" width="1em" height="1em" aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z" fill="currentColor"></path></svg></span><span class="gb-headline-text">monthly plan featured item</span></p>
    <!-- /wp:generateblocks/headline -->
    
    <!-- wp:generateblocks/button-container {"uniqueId":"9a68659c","marginTop":"20","fillHorizontalSpace":true,"isDynamic":true} -->
    <!-- wp:generateblocks/button {"uniqueId":"56b2c8ae","hasUrl":false,"backgroundColor":"#5112e5","textColor":"#ffffff","backgroundColorHover":"#00a9ff","textColorHover":"#ffffff","showAdvancedTypography":true,"fontWeight":"700","textTransform":"uppercase","letterSpacing":0.1,"paddingTop":"14","paddingRight":"24","paddingBottom":"14","paddingLeft":"24","borderRadiusTopRight":"4","borderRadiusBottomRight":"4","borderRadiusBottomLeft":"4","borderRadiusTopLeft":"4"} -->
    <span class="gb-button gb-button-56b2c8ae gb-button-text">Contact Us</span>
    <!-- /wp:generateblocks/button -->
    <!-- /wp:generateblocks/button-container -->
    <!-- /wp:generateblocks/container -->
    <!-- /wp:generateblocks/grid -->
    <!-- /wp:generateblocks/container -->
    #1905184
    David
    Staff
    Customer Support

    1. Lightweight Social Icons
    I don’t see that warning regarding the preload font. It still asks for it Remain visible on loading but i would ignore that. As its asking the font should be swapped for a system font whilst its loads… and you cannot swap an icon for a system font.

    2. Google Fonts.
    Preloading fonts – i generally don’t bother. Might be worth checking with the OMGF Plugin author, he’s a GP user and Fan 🙂

    3. Flying scripts.
    Not sure here – it may not like underscores in the script name, could try just a part of the name eg. fy2019

    4. Doh! – ignore me. In the Hook Element make sure you check: Execute Shortcodes.

    #1888455
    [Support request]

    Topic: social media icons

    in forum Support
    Streater

    So I know I keep bringing up icons… still haven’t solved the problem with my Navigation Menu Icons. I upgraded Font Awesome to Pro and it slowed down my website from 8 seconds to 20 seconds! Customer support is not helpful at all so I don’t recommend Pro to anyone. Their documentation is terrible too. I couldn’t even get solid icons to work… and I’ve been wasting time on this for 2 months now. I usually can figure out anything in a couple days.

    I was just ready to give up and go without icons because my GP site loads in 3 seconds without FA.

    BUT WAIT! I realized I wouldn’t have social media icons then. I saw Tom has a plugin but not in the style I need (see link to my site to see my icons in the footer). Any good SVG plugin?

    I found that I downloaded this plugin called Safe SVG a while back but I can’t find anything online about it… not sure if it was removed from WP.

    #1880944
    Ying
    Staff
    Customer Support

    Hi William,

    There’s a Credits page in Crypto: https://gpsites.co/crypto/credits/

    You can find the origin of each image element that is being used Crypto template.

    For SVG icons, you can check out https://fontawesome.com/ and https://icons.getbootstrap.com/.

    #1877104
    Dipak Singh

    Hello team GP, today I was tried many ways to add social media follow button without a plugin but have not got any satisfactory result.
    I have been uploaded SVG icons and its working well but I did not want that any user opens the SVG image in the next window.
    I know most bloggers and website developers use CSS and avoid plugins to make their site faster. I want to use font awesome icons to create this follow button. Can anyone suggest to me the best guide or code?

    #1872123
    Elvin
    Staff
    Customer Support

    Hi there,

    Tried Tom’s code here and I don’t think it loads the icons I want, just something called essentials:
    https://generatepress.com/forums/topic/font-awesome-vs-svg/
    https://generatepress.com/forums/topic/font-awesome-vs-svg/#post-204923

    These ones are pretty old. I don’t recommend using them.

    Is there PHP to load just the icons I want? I can check with their support too… just wondering if there is a GP way first.

    Not exactly sure what you mean here. But if you’re worried if any SVGs added on your site loads even when it’s not in use:

    The page doesn’t call any entire SVG set like in font file for just 1 SVG icon because each SVG is its own individual thing, independent from any other SVG icons. It’s pretty much an image file but in vector form.

    Learn more about GP and SVG usage here
    https://docs.generatepress.com/article/svg-icons/
    https://docs.generatepress.com/article/generate_svg_icon/
    https://docs.generatepress.com/article/generate_svg_icon_element/

    A wise man once said:
    "Have you cleared your cache?"

    #1871903
    Streater

    You’re right… I disabled Font Awesome plugin and removed the custom Google fonts from my header.php file and I have the fastest site I’ve ever had… but I still needs those icons and fonts.

    I appreciate your help here… the SVGs suggestion sent me down a long rabbit hole… that is definitely the direction to go from everything I’ve read now… I’ve struggled here to figure out how to properly add Font Awesome… all I find is posts saying not to load the whole library with no explanation how other than it is done with PHP:
    https://wordpress.org/support/topic/unused-css-4/

    Tried Tom’s code here and I don’t think it loads the icons I want, just something called essentials:
    https://generatepress.com/forums/topic/font-awesome-vs-svg/
    https://generatepress.com/forums/topic/font-awesome-vs-svg/#post-204923

    Is there PHP to load just the icons I want? I can check with their support too… just wondering if there is a GP way first.

    #1860217
    Jan

    Hi David,

    I was hoping to apply the same CSS-Code snipped…

    .site-header, .mobile-header-logo, .menu-toggle {
        z-index: 2;
    }

    …to a different site and to achieve the same effect. Unfortunately elements like .site-header are being highlighted in red text color (see screenshot).

    What kind of error does the red color indicate?

    Thanks,
    Jan

    — Copy of the entire Additional CSS section —

    /* generateblocks button transition */
    
    .gb-button-wrapper a.gb-button {
    	transition: all 0.5s ease 0s;
    }
    
    /* global post date and author styling */
    
    .entry-meta, .wp-show-posts-entry-meta {
    	font-size: 14px;
    }
    
    /* post comment button round corners */
    
    button, input[type=submit] {
    	border-radius: 50px;
    }
    
    /* rounded corners on images */
    
    .round-corners img {
    border-radius: 20px;
    }
    
    /* rounded corners on WPSP images */
    
    .wp-show-posts-image img {
    border-radius: 20px;
    }
    
    /* rounded corners on post images */
    
    .post-image img {
    border-radius: 20px;
    }
    
    /* center align all footer widgets on mobile */
    
    @media (max-width:768px) {
    	.inside-footer-widgets {
    		text-align: center;
    	}
    }
    
    /* lightweight social icons */
    
    .lsi-social-icons li a, .lsi-social-icons li a:hover {
    padding: 0px !important;
    margin: 10px 8px 0px 0px !important;
    }
    
    @media (max-width:768px) {
    	.lsi-social-icons {
    		text-align: center !important;
    	}
    } /* End GeneratePress Site CSS */
    
    /* Animated Header Menu */
    
    @media (min-width: 769px) {
        .main-navigation .menu > .menu-item > a::after {
            content: "";
            position: absolute;
            right: 0;
            left: 50%;
            bottom: 0px;
            -webkit-transform: translate3d(-50%,0,0);
            transform: translate3d(-50%,0,0);
    
            display: block;
            width: 0;
            height: 2px;
    
            background-color: currentColor;
            transition: 0.3s width ease;
        }
        .main-navigation .menu > .menu-item.current-menu-item > a::after,
        .main-navigation .menu > .menu-item.current-menu-ancestor > a::after,
        .main-navigation .menu > .menu-item > a:hover::after {
            width: 50%;
        }
    }
    
    /* GPP Custom background color sticky header */
    
    .main-navigation.navigation-stick .main-nav ul li a {
      color: #ffffff;
    }
    
    .sticky-enabled .main-navigation.is_stuck {
        background-color: #2f3b1c;}
    
    /* CF7 footer styles */
    
    .footer-widgets .footer-widget-4 {
        text-align: left;
    }
    
    /* CF7 checkbox styles */
    
    .betreff span.wpcf7-list-item {width: 100%;max-width: 500px;}
    
    /* Pre-loader */
    
    #wcd-pageloader .pageloader-container img {
        max-width: 50%;
    }
    
    .page .wcd-page-loader, 
    .single .wcd-page-loader {
      display: none; 
    }
    
    .home .wcd-page-loader { 
      display: block; 
    }
    
    /* Blockquote styles  */
    
    ite, dfn, em, i {
      font-size: 15px;  
    	font-style: italic;
    }
    
    blockquote {
        border-left: 5px solid #f49f00;
    }
    
    /* Keep the space for uneven text length  */
    
    @media(min-width: 769px) {
      .spaced-columns>.gb-grid-column>.gb-container>.gb-inside-container {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: flex-end;
      }
    
      .spaced-columns>.gb-grid-column>.gb-container>.gb-inside-container>*:first-child {
        flex-basis: 80px;
      }
    
      .spaced-columns>.gb-grid-column>.gb-container>.gb-inside-container>*:nth-child(2) {
        flex: 1;
      }
    }
    
    /* Accordion css classes */
    
    .accordion-toggle {cursor: pointer;}
    .accordion-content {display: none;}
    .accordion-content.default {display: block;}
    
    /* Fontawesome - External link followed by standard icon */
    
    a:not([href*='b2sbdu4u.myraidbox.de']):not([href^='#']):not([href^='/']):not([href^='mailto']):not([href^='tel']):after {
             font-family: 'FontAwesome';
             content: " \f08e";
    
    /* GPP header */ 
    /* Reorder layer to display header */
    
    .site-header, .mobile-header-logo, .menu-toggle {
        z-index: 2;
    } 
    #1851161
    Stephen

    I already did add SVG HTML in the icon area of GP buttons. I mentioned using bootstrap icons in the first post. That’s how I used them. Maybe that wasn’t clear.

    Google has more of them, though, so that’s why I’m trying to implement them, and I’m asking how to do it, or if it’s possible with Google icons.

    You said to follow instructions to download the Google font, but then said that downloading the font wouldn’t change anything.

    Now we’re talking about downloading Google SVGs to my desktop. But how does that provide me with the info needed in the “SVG HTML” area that we’re talking about?

    Thanks.

    #1851132
    Stephen

    Thanks for clarifying the first part.

    No plugin. Just adding icons to buttons.

    So Google font icons can’t be added to the buttons, right? I don’t see anywhere to add info (in the Icon options for the GP buttons) to reference them.

    And what do you mean add my own svg icons?

    #1845705

    In reply to: Editing meta box

    Ying
    Staff
    Customer Support

    Hi there,

    The category/tag/comment icons are added by GP theme which is also using :before CSS.

    It’s basically the same as your method of adding icons before the date and author.

    If you change 5pxto 10pxin this CSS, then it should be looking the same as the GP default icons:

    .posted-on:before {
        font-family: ‘Font Awesome\ 5 Free’;
        content: “\f073”;
        color: #858585;
        padding-right: 5px;
    }

    For the estimated reading time, we can’t add icons to it using CSS since it has no CSS class we can target.

    Let us know if we miss anything.

    #1840403
    David
    Staff
    Customer Support

    Hi there,

    thats correct – each OS will have its own system font – so the style will be different.
    The only font-family styles listed in the GP Stylesheets will be for the System Stack eg.

    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

    Which is what defines the System Fonts for the various browser types and relevant fallbacks.

    And in addition to that is the font-family for the GP Icons

    #1839988
    [Resolved]

    Topic: Top Bar formatting for iPhones

    in forum Support
    Keith

    Hi GP Team!
    I have been struggling to get the icon/text formatting to be consistent specifically when it comes to older iPhones. Strangely enough, it looks right on android and iPhone 11, but on iPhone 8 and older the text and icons in the top bar no longer align as intended. I have tried several variations with the CSS, and the only using 1 specific font size/icon size displays nicely across all phones (the problem with that is the fonts and icons are too big – 30px x 30px image, 20 px font ).

    #1832559
    Maarten

    Thanks for that. Looking forward to 3.1 when it is released.

    Tom, I seem to not find the speak error in GP but I am using your great social icons and I think it is in that.
    isi-con class and isi-social-icons, see arrow.

    speak-social-icons

    As for HTML, warning number 7 (with arrow) comes up when a comment reply is below a article somehow.
    Below that, number 8, is again the social icons.

    I tested it with and without Autoptimize.

    article

    Note on Lighthouse:

    If you use the default theme and no change to fonts you will see some notice in Lighthouse about contrast ratio, you can check it not only in a test in Chrome but also the color picker in chrome can show some info about it.
    I find it harder to debug and ask myself does Google need more darker fonts or what, it is still a bit unclear to me.

    For the rest, your theme and plugin is the best! I am now getting used to working with Blocks plugin.
    And the message about the social icons, if I need to post that somewhere else let me know.

    Hope this helps!

Viewing 15 results - 1 through 15 (of 242 total)