Support Forum

Advanced Search
Forum Scope


Match



Forum Options



Minimum search word length is 3 characters - maximum search word length is 84 characters
themes-topic
Custom Icons overlap forum name in Unified theme
Avatar
Wendell
Member
Offline
Jan 25, 2016 - 10:50 am

hi! i tried to use the unified theme and i really liked it. problem is the custom icons overlap with the forum and topic name. how can i correct this? 

 

Image Enlarger

Avatar
Yellow Swordfish
Glinton, England
SP Master
Offline
Jan 25, 2016 - 11:21 am

Ah - I can see you have made your custom icons bigger than the defaults which explains the issue. So - can I assume you see this on both the group view (list of forums) and forum view (list of topics) ?

andy-signature.png
YELLOW
SWORDFISH
Avatar
Wendell
Member
Offline
Jan 25, 2016 - 11:25 am

Yellow Swordfish said
Ah - I can see you have made your custom icons bigger than the defaults which explains the issue. So - can I assume you see this on both the group view (list of forums) and forum view (list of topics) ?

yes, what is the prescribed size? coz i also use it on reboot but it doesn't overlap.

Avatar
Yellow Swordfish
Glinton, England
SP Master
Offline
Jan 25, 2016 - 11:37 am

The default size is 50px x 50px

Reboot works in a different way to Unified. It is newer and takes advantage of more of the CSS3 opportunities with flex boxes. So it can be a little more dynamic.

You can still use bigger icons - you just need to make some theme adjustments, If you want to go ahead the first thing is to download the Unified Child Theme Framework. Install it into theSP themes folder. Then copy the overlay file you are using in Unified (/styles/overlays) to the same location in the child theme and then we can tell you what to change.

andy-signature.png
YELLOW
SWORDFISH
Avatar
Wendell
Member
Offline
Jan 25, 2016 - 11:43 am

Yellow Swordfish said
The default size is 50px x 50px
Reboot works in a different way to Unified. It is newer and takes advantage of more of the CSS3 opportunities with flex boxes. So it can be a little more dynamic.
You can still use bigger icons - you just need to make some theme adjustments, If you want to go ahead the first thing is to download the Unified Child Theme Framework. Install it into theSP themes folder. Then copy the overlay file you are using in Unified (/styles/overlays) to the same location in the child theme and then we can tell you what to change.

okay, will do that first... thanks!laugh

Avatar
Wendell
Member
Offline
Jan 25, 2016 - 11:59 am

yellow-swordfish  done...

Avatar
Yellow Swordfish
Glinton, England
SP Master
Offline
Jan 25, 2016 - 12:04 pm

2 things I should have added.

1 - Rename the copied overlay file in the child theme to something unique. Open it for editing and then also change the name at top - change the existing color name to the new name you have given it.

2 - Then go to the forum admin > themes and set the child theme with your preferred overlay to be the one to use.

Meanwhile I will get the data you need to change. The change, by the way, is to the overlay file you have copied to your child theme.

andy-signature.png
YELLOW
SWORDFISH
Avatar
Wendell
Member
Offline
Jan 25, 2016 - 12:13 pm

okay, child theme and overlay activated...

Avatar
Yellow Swordfish
Glinton, England
SP Master
Offline
Jan 25, 2016 - 12:21 pm

OK - this sounds more complex than it is so bear with it! In your newly named overlay - quite near to the end - is a section marked 'COLUMN WIDTHS FOR VIEWS'. Let's take the Group View and work through that.

The Group View has 4 columns. You an see 4 blocks ($ColGroup_1, $ColGroup_2, $ColGroup_3 and $ColGroup_4). And multiple entries for each one. Each entry relates to a display width. This is so the display will work on everything from a desktop PC down to a mobile phone with the minimum supported display being 360px wide.

So let's start with the desktop PC. These are the entries with a zero ($ColGroup_1[0]). And it is this one that controls the width given for the avatar column. Currently set at 6% then try it at 7%. However - you have to remember that all of the columns must not exceed 100%. actually - to be safe I would make that 99% or even 98%.

When you have that as you want tio then you might want to then also change the width settings on smaller width devices.

Then below that - you will see the forum view blocks which work the same way.

I hope this all makes sense! It really is not as difficult as it sounds once you make a start. and if you go wrong then you can always go back and start again of course,

Make sure that in the forum admin > options > the option to combine and cache CSS is turned off and remember that you may sometimes have to clear your browser cache for these changes to take effect,

and the good news, of course, is that fixture updates to the theme will not overwrite your changes.

andy-signature.png
YELLOW
SWORDFISH
Avatar
Wendell
Member
Offline
Jan 25, 2016 - 1:01 pm

i did it, thanks @yellow-swordfish !

one last follow-up question for this topic. is it possible to insert a "by" in the "Last Post" of the main page and in forum view? 

 

Image Enlarger

Forum Timezone: Europe/Stockholm
Most Users Ever Online: 1170
Currently Online:
Guest(s) 1
Currently Browsing this Page:
1 Guest(s)
Top Posters:
Mr Papa: 19448
Ike: 2086
Brandon: 864
kvr28: 804
jim: 650
FidoSysop: 577
Conrad_Farlow: 531
fiddlerman: 358
Stefano Prete: 325
Member Stats:
Guest Posters: 620
Members: 17365
Moderators: 0
Admins: 4
Forum Stats:
Groups: 7
Forums: 17
Topics: 10128
Posts: 79626