Forum Activity for @john-bizley

John Bizley
@john-bizley
02/02/15 01:15:18PM
251 posts

Some funky things happening on cloned skins when styling


Design and Skin Customization

brian:
Douglas has been able to replicate this issue, so we're working on it now.

Thanks!

Thanks Brian
John Bizley
@john-bizley
02/02/15 11:59:35AM
251 posts

It's Alive !!!


Ning To Jamroom

thechocolatelife:
boplive:
Oops sorry I shouldn't say it as repeating. ..wht it's doing is overlapping other pictures..it looks like another row of pictures on top of pictures

I am looking at Chrome on an iPhone and don't see that problem, but I do see it in Safari. I will have to see if there's something I did outside of an "if this displayed on a mobile device" and then try to figure out why it's a problem on Chrome and not Safari.

There is a reason I don't do this for a living.

Hi Clay, the 'overlapping' pictures are coming from your blog list. You have the list set to a set height of 636px but when the browser becomes a different size the list is breaking out of the size. I would either set the overflow to hidden or set it to auto so a scroll bar is available for members to scroll the list on smaller size screens this will then stop the 'overlapping'

so add either

overflow:hidden
or

overflow:auto

One other adjustment I would make would be the profile images in the activity list as they are really tiny, if you remove the padding surrounding them they will look much better. The padding is part of the action_item_media so as the activity is in it's own div you should be able to get to the padding with something like this

#activitydiv .action_item_media{ padding:0px; margin-right:2px }

or edit the template for that list.
Sorry forgot to add an image of the difference so here it is

chocolateActivity.jpg chocolateActivity.jpg - 70KB

updated by @john-bizley: 02/02/15 12:05:35PM
John Bizley
@john-bizley
02/01/15 08:30:56AM
251 posts

Some funky things happening on cloned skins when styling


Design and Skin Customization

After spending many hours and days trying to get this figured out today I deleted the whole skin and also any other skins I had installed in case they where confusing matters. So re-installed the ProJam skin fresh and tried to edit the styles again and same things happen all over again. So removed it and tried another skin, Flashback. Went to the styles changed the breadcrumbs colour which in turn then list the hover colour. Changed the Main menu background colour for the tabs, this lost all the active hover colours and hover colour on moving between tabs, also the subtab menu flyouts lost their positioning again. Also when making changes to colours like the menu colours all other colours and links get messed up.

In the previous ProJam skin when you let's say change a column width in the style editor then go back to the site and check if it looks ok in the mobile side of things and it doesn't so you go back to the style editor and change it back the setting does not take and it stays on the mobile stylesheet.

There seems to be a lot of other issues when selecting the options in the style side of things because as soon as you select another option it gets the word !important stuck on the end which then stops other items working correctly. The word !important in css takes over from any other setting and really should only be used as a last resort as over use can cause many issues like this.
John Bizley
@john-bizley
01/30/15 01:07:50PM
251 posts

Some funky things happening on cloned skins when styling


Design and Skin Customization

Ok finally got my columns back in line as they should be but now we have another issue that the members lists have now stopped working :-(
I think I may have to give up on this Skin as too many things keep going wrong when editing items in the style section.
John Bizley
@john-bizley
01/30/15 01:04:31PM
251 posts

Some funky things happening on cloned skins when styling


Design and Skin Customization

Strumelia:
John -off topic for a sec, but- I like that dark leather background you have for the moment.
Your sites always look smart and professional.

Thanks Strumelia, I appreciate that. The site may look a bit better now I finally got the columns back as they should be. That background was a Ning background image that I copied out from there.
John Bizley
@john-bizley
01/29/15 05:28:48PM
251 posts

Some funky things happening on cloned skins when styling


Design and Skin Customization

brian:
John Bizley:
Now all my columns have gone all 100% wide ? Not touched any of them. Also no matter what I do I cannot get the hover to work on the main header menu including the colour for the active tab. Tried all in the style editor then tried in the css templates themselves but nothing seems to take effect. I have checked I was working on the correct version and templates.

By way this is not on a cloned skin as gave up on that so am editing the main skin itself.

Are you editing in the "style" section or the CSS files directly?

Thanks!

Tried to do all my editing in the "style" section, one or two bits I had to do in the css files but only a couple of lines.
John Bizley
@john-bizley
01/29/15 01:58:51PM
251 posts

Some funky things happening on cloned skins when styling


Design and Skin Customization

Now all my columns have gone all 100% wide ? Not touched any of them. Also no matter what I do I cannot get the hover to work on the main header menu including the colour for the active tab. Tried all in the style editor then tried in the css templates themselves but nothing seems to take effect. I have checked I was working on the correct version and templates.

By way this is not on a cloned skin as gave up on that so am editing the main skin itself.
updated by @john-bizley: 01/29/15 02:00:25PM
John Bizley
@john-bizley
01/28/15 11:12:00AM
251 posts

Some funky things happening on cloned skins when styling


Design and Skin Customization

SteveX:
I had a very brief look with ff tools. Could be something to do with top: 0px !important;

I'll try to look tomorrow if you haven't already fixed it.

Hi Steve, I fixed this by changing that value to 5px for the second #Menu ul ul so it lines up now but this I knew how to do already but thanks for taking a look anyway. The point about the post was more to do with this and other elements settings changing once I just made one font colour setting in the ACP Style editor, it took a lot of time to go back and try to put back the settings that had changed which was a bit frustrating.
John Bizley
@john-bizley
01/27/15 02:50:48PM
251 posts

Some funky things happening on cloned skins when styling


Design and Skin Customization

SteveX:
John, as I'm sure you know, it's easier to see what the css is doing from a link to the page with the css in it than from a screenshot.

Here is a link to the site http://1940snetwork.com/

I never touched any of the the template css and only changed one setting via the options in the style editor. I could easily correct it by changing the CSS manually but wanted to just try and do as much as I could in the ACP first so only then having to make minor adjustments in the css templates themselves.
John Bizley
@john-bizley
01/27/15 02:34:48PM
251 posts

Some funky things happening on cloned skins when styling


Design and Skin Customization

On the cloned skin, went back to the orignal skin and was styling ok but saying that I just went into the acp style editor to change the color of the #menu tabs in the non cloned skin ( so was the original Jamroom Pro Skin ) and changed 1 color setting and after saving it I lost all the other colour settings on it including the hover colour; text colour and active tab colour, also the drop down menus lost thier placements, see image included as you should be able to see the arrow is not in line with the correct tab.
stylesettings.jpg stylesettings.jpg - 78KB

updated by @john-bizley: 01/27/15 02:35:15PM
  15