Welcome to Geeklog Monday, October 15 2018 @ 09:57 am EDT

Geeklog Forums

printer icon


Status: offline

OMAL

Forum User
Chatty
Registered: 06/12/17
Posts: 59
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

Status: offline

Laugh

Site Admin
Admin
Registered: 27/09/05
Posts: 1308
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:

PHP Formatted Code
{print_icon}{edit_icon}


to something like:

PHP 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.

Status: offline

OMAL

Forum User
Chatty
Registered: 06/12/17
Posts: 59
Thanks a lot.

All times are EDT. The time is now 09:57 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