Welcome to Geeklog, Anonymous Thursday, March 28 2024 @ 06:47 pm EDT

Geeklog Forums

printer icon


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

Status: offline

Laugh

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

Status: offline

OMAL

Forum User
Regular Poster
Registered: 12/06/17
Posts: 107
Thanks a lot.
 Quote

All times are EDT. The time is now 06:47 pm.

  • 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