gVectors Team

Professional WordPress Plugins and Services. wpDiscuz, WooDiscuz, Advanced Post Pagination

Forums
wpDiscuz Addons Sup...
wpDiscuz Official A...
wpDiscuz Media Uplo...
Change the Papercli...
 
Notifications
Clear all

Change the Paperclip Icon to a Camera Icon

 
Page 1 / 2
wpDiscuz Media Uploader
Last Post by MikeQuinn 2 years ago
9 Posts
2 Users
0 Likes
1,986 Views
RSS
Posts: 52
 MikeQuinn
Topic starter
Jan 18, 2022 1:17 pm
(@mikequinn)
Trusted Member
Joined: 5 years ago

I've been at this 3-4 days now (can you tell I'm not a developer)?

Please, please, what is the easiest way to change the paperclip icon to a camera icon?

I've seen CSS methods and JQuery Methods and regular JS methods, but I have yet to get one to work. Font Awesome, regular SVGs, I don't care.

I can navigate to any WP folder, etc. I've been building sites for about 7 years, but I'm not a coder.

I was going to try to replace Font Awesome with 100% SVGs OR delete the unused Font Awesome files, but that is above my pay grade.

Topic Tags
icon icons
8 Replies
Astghik
Posts: 5912
 Astghik
Admin
Jan 18, 2022 1:45 pm
(@astgh)
Illustrious Member
Joined: 6 years ago

Hi MikeQuinn,

Here is the solution you can use: https://wpdiscuz.com/community/postid/12492/

Reply
3 Replies
 MikeQuinn
(@mikequinn)
Joined: 5 years ago

Trusted Member
Posts: 52
Jan 18, 2022 3:17 pm
Reply toAstghikAstghik

@astgh Is that Jquery code supposed by wrapped in anything? Does nothing when added via headers and footers plugin. Causes white screen of death when added to the child theme's function.php.

Reply
Astghik
 Astghik
Admin
(@astgh)
Joined: 6 years ago

Illustrious Member
Posts: 5912
Astghik - Facebook Astghik - X.com
Jan 18, 2022 3:31 pm
Reply toMikeQuinn
Astghik

@mikequinn,

This article should be helpful for you: https://www.collectiveray.com/add-javascript-to-wordpress

You should follow the instruction provided in the article. 

Reply
 MikeQuinn
(@mikequinn)
Joined: 5 years ago

Trusted Member
Posts: 52
Jan 18, 2022 3:43 pm
Reply toAstghikAstghik
Astghik

@astgh I did. Someone else that you gave similar codes to also had this type of issue.

I added to HEADERS AND FOOTERS PLUGIN. Does nothing in the footer, writes it to the top of the page in the header.
I added it directly to FUNCTIONS.PHP - white screen of death.
I placed it in its own file and tried to call it like this with no result:

add_action( 'wp_enqueue_scripts', 'add_my_script' );
function add_my_script() {
    wp_enqueue_script(
        'change-icon',
        get_template_directory_uri() . '/js/change-icon.js',
        array('jquery') 
    );
}
This post was modified 2 years ago by MikeQuinn
Reply
Posts: 52
 MikeQuinn
Topic starter
Jan 18, 2022 4:12 pm
(@mikequinn)
Trusted Member
Joined: 5 years ago

Here is my code in Functions.php. You can see the Jquery in the URL.

function change_icon_function() {
  wp_enqueue_script( 'change-icon', get_template_directory_uri() . '/ https://gardenerspath.com/public_html/wp-content/themes/generatepress_child/js/change-icon.j s');
}
add_action('wp_enqueue_scripts','change_icon_function');
Reply
Posts: 52
 MikeQuinn
Topic starter
Jan 18, 2022 4:14 pm
(@mikequinn)
Trusted Member
Joined: 5 years ago

https://gardenerspath.com/public_html/wp-content/themes/generatepress_child/js/change-icon.js

Reply
Posts: 52
 MikeQuinn
Topic starter
Jan 18, 2022 4:15 pm
(@mikequinn)
Trusted Member
Joined: 5 years ago

The CSS that was added to the customizer:

i.fas.\.fa-camera {
    content: '\f030';
}
Reply
Page 1 / 2
Forum Jump:
  Previous Topic
Next Topic  
Topic Tags:  icon (3) , icons (11) ,
Share:
Scroll to top