D5 Creation Forum

Open Forum for D5 Creation's Members and Visitors

Before requesting any support Please search the Forum First. You may find your desired answer. This will save your waiting time and will save our working hour. We may not answer the question which we have already answered. You should also read our Support Policy

Finding an ID or Class of an Element from a Website

Front Page D5 Creation Forum General Support Finding an ID or Class of an Element from a Website

Viewing 1 post (of 1 total)
  • Author
    Posts
  • #10425
    D5 Creation
    Keymaster

    Finding an ID or Class and Change Style or Use a Hyperlink in any Content of the Theme

    Please watch this Video First
    This video is showing jQuery Implementation in Second Part which is not necessary for Style Changing.

    CSS: Change Elements Style

    You can change any Element’s Style easily with D5 Creation Themes
    First of all you need to find the ID or Class of the Element. You can find this from the Inspect Element of your browser. Please watch the above Video First. You should use a # with an ID like #abcd and use a dot . with a class like .xyzx . Then you can use the CSS Styling. Suppose you will change the #header font size. Then you can use the Following in the WP-Admin > Appearance > Theme Name Options > Colors > Color CSS Box

    or the Following in the WP-Admin > Appearance > Theme Name Options > General Options > Custom Code within Head Area Box

    Inspect Element

    jQuery: Adding Hyperlink

    You can add jQuery with Elements easily with D5 Creaion Themes.
    You can add a Hyperlink in any Content of D5 Creation Theme. First of all you need to Find the Content ID or Class using the Inspect Element Tool of the Browser. Suppose we shall add a Hyperlink in the Contact Number of Innovation Theme. We can find the Class or ID of an Element using the Inspect Element Tool of Firefox, Chrome etc.

    Then you can add the Following Code in the WP-Admin > Appearance > Innovation Options > General Options > Custom Code within Head Area Box.

    Class Name must start with ( . ) like .abcd and ID Name must start with ( # ) like #abcd
    The .connumber should be changed to the ID or Class Name and https://d5creation.com should be changed to your desired Link Url. The link should be this tel:+1-234-567-8900 or tel:+12345678900 format if you like Calling to your Number: tel:+1-234-567-8900 or tel:+12345678900. Modern Browsers can detect the Number and can Show the Calling Screen with the Number. For E-Mails: mailto:[email protected] . The below .connumber, .extranumber etc. will be replaced with the Class or ID and Link to Phone Number, E-Mail or Website/Web Page +12345678900, @d5creation.com">info@d5creation.com and https://d5creation.com will be replaced with your Link

Viewing 1 post (of 1 total)
  • You must be logged in to reply to this topic.