Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Modify Child Widget Shortcode

child widget short codecontact info widget
    • 10 years ago User234
      Participant

      Expired

      Hello,

      Using the NEW Business Corporate Theme.

      Question: Can I change the default text for the shortcode below?
      [contact_information tel=”444.555.6666″ addr=”#fhhcodd” email=”[email protected]”]

      Example: Want to change “Our Locations” to “License #”

      Additional can I change the Icons as well?

      Please tell me how.

      Thanks

      See image attached

       

      [caption id="" align="alignnone" width="837"] the problem[/caption]

    • 10 years ago User234
      Participant

      Expired

      Hello? Is anyone there?

      Please Help

    • 10 years ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      Please go to file specular\includes\register\register_shortcodes.php and find these lines:

      $output .= '<div class="contact_information">';
      
                  if(!empty($addr)):
                      $output .= '<dl class="item dl-horizontal addr">';
                          $output .= '<dt><i class="icon-location-arrow"></i></dt>';
                          $output .= '<dd><span class="title">'.__('Our Locations', 'codeless').'</span><p>'.$addr.'</p></dd>';
                      $output .= '</dl>';

      Change here the text and the icons you want to use.

      Best regards!

    • 10 years ago fabian_hock
      Participant

      Expired

      Is it possible to change the Icons and the icon size?

    • 9 years, 12 months ago Mirela
      Participant

      Hello,

      You can change the icons in the code above. See this part: <i class="icon-location-arrow"></i> The ‘icon-location-arrow’ is the class that set’s the location icon. If you want to use another icon, just change this class. You can find a list of all available icons in file specular\admin\assets\css\vendor\elusive-icons\elusive-webfont-ie7.css.
      To change it’s size, add into your custom css box, these lines:
      .contact_information dt i { font-size: 22px; }
      It will change all three icons sizes.

      Best regards!

Viewing 4 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password