The secure CMS.

Welcome to Geeklog, Anonymous Saturday, December 21 2024 @ 07:29 am EST

Geeklog Forums

printer icon

 New Topic  Post Reply
 10/03/18 12:25pm (Read 1,749 times)  
Status: offline

OMAL

Forum User
Regular Poster
Registered: 12/06/17
Posts: 107
How can I edit css for printer and pencil icons on static pages? I want to change the width for pc and mobile. I want to edit a source code to add a class in the img tag, but I have no idea where the code is.

https://demo.geeklog.jp/staticpages/index.php?page=20181004011318935
 Quote
 10/03/18 03:53pm  
Status: offline

Laugh

Site Admin
Admin
Registered: 09/27/05
Posts: 1470
Location:Canada
Unfortunately you can't edit them directly (they really should have and id and/or their own css class. The code for generating them can be found around line 456 under:

\plugins\staticpages\functions.inc

The other option is you could add code to the template file for your theme. For example the denim theme file you could change is

\plugins\staticpages\templates\denim\staticpage.html

Change the code:

Text Formatted Code
{print_icon}{edit_icon}


to something like:

Text Formatted Code

{!if print_icon}<span class="some_css_class">{print_icon}</span>{!endif}
{!if edit_icon}<span class="some_css_class">{edit_icon}</span>{!endif}
 


An easy way to find out what template file you need to change is by enabling in the Geeklog Config "Template Comments in Output" under Theme->Advanced Settings. T
One of the Geeklog Core Developers.
 Quote
 10/06/18 11:41am  
Status: offline

OMAL

Forum User
Regular Poster
Registered: 12/06/17
Posts: 107
Thanks a lot.
 Quote
 New Topic  Post Reply
All times are EST. The time is now 07:29 am.
  • Normal Topic
  • Sticky Topic
  • Locked Topic
  • New Post
  • Sticky Topic W/ New Post
  • Locked Topic W/ New Post
  •  View Anonymous Posts
  •  Able to post
  •  Filtered HTML Allowed
  •  Censored Content