How to add clickable map icon to Contact Topbar on Customizr Pro?

  • I’m trying to put a linkable Font Awesome map icon into Contact Topbar by using the following css codes:

    .czr-contact-info .fa-map-marker {
  position: relative;
  top: .05em;
}

.fa-map-marker:before {
color:#ba1157; 
	content:  "\f041";
}

    I have put these css codes to the “Customizing ? Advanced options Additional CSS” part of the child theme. However the map icon did not show up.

    Then I tried to do the same thing in the Pro theme and modify these css files as well:
    wp-content\themes\customizr-pro\assets\front\css\rtl.css
    wp-content\themes\customizr-pro\assets\front\css\style.css

    Nothing happened.

    I just need to show the Font Awesome map icon (“\f041”) on the Contact Topbar and a clickable link with the map icon which goes the google map.

    I would be happy if you help. Thanks.

    • This topic was modified 5 years, 9 months ago by integmark.
    • This topic was modified 5 years, 9 months ago by integmark.
    • This topic was modified 5 years, 9 months ago by integmark.
    • This topic was modified 5 years, 9 months ago by integmark.
    • This topic was modified 5 years, 9 months ago by integmark.
Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello Integmark,

    Kindly post your pro theme request on the Pro support forum here:

    https://presscustomizr.com/support/

    Thread Starter integmark

    (@integmark)

    Not helping…

    —————————————–
    From: [email protected]
    Thanks for reaching out to us with your question. Our support does not cover customizations or code review.

    For your PHP customizations, a good practice is to use a child theme if not done already.

    For your CSS code, I would recommend to inspect your pages and write some CSS rules in the custom CSS setting of the live customizer.
    Useful resources for WordPress site customization :
    How to inspect your WordPress webpages code in your browser ?
    Basics of CSS and HTML for WordPress themes

    I would also recommend to visit the WordPress general support or the WordPress stack exchange to explore solutions about this.

    Best regards,

    Nicolas, Support Team @presscustomizr

    Your satisfaction is our #1 priority. “

    Hi Integmark,

    You will need to customize the theme for this. You can also consult with a developer.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to add clickable map icon to Contact Topbar on Customizr Pro?’ is closed to new replies.