The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

New Post icon is out of alignment

View previous topic View next topic Go down

Solved New Post icon is out of alignment

Post by troyeccles on May 16th 2016, 3:41 pm

Hi,

I'm not sure how this has happened but if you look at the image below you'll see the LAST POST icons don't line up.
Well, they do.....except for when there's a new post. That icon for some reason is indented rather significantly.

Unless it's an oversight, I can't say it was like that earlier.
http://www.bellsareringing.forumotion.com

Help?



Last edited by troyeccles on May 19th 2016, 5:58 am; edited 2 times in total

troyeccles
Forumember

Posts : 239
Reputation : 5
Language : English

Back to top Go down

Solved Re: New Post icon is out of alignment

Post by APE on May 16th 2016, 3:45 pm

it looks ok to me in this screen shot Smile





APE
Manager
Manager

Male Posts : 8333
Reputation : 718
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: New Post icon is out of alignment

Post by troyeccles on May 16th 2016, 3:58 pm

They are old posts. When I new post is made, it's a blue icon (as opposed to grey). That blue icon becomes indented.

troyeccles
Forumember

Posts : 239
Reputation : 5
Language : English

Back to top Go down

Solved Re: New Post icon is out of alignment

Post by troyeccles on May 16th 2016, 4:02 pm

You can test if you like:

Username: Removed
Password: Removed


Last edited by troyeccles on May 17th 2016, 2:06 am; edited 1 time in total

troyeccles
Forumember

Posts : 239
Reputation : 5
Language : English

Back to top Go down

Solved Re: New Post icon is out of alignment

Post by Ange Tuteur on May 16th 2016, 4:58 pm

Hi @troyeccles,

In your CSS stylesheet you have a style rule similar to this one :
Code:
.forumbg .lastpost a[href^="/t"], .forabg .last-post-icon {
  position: absolute;
  right: 10px;
  top: 10%;
}

Replace it with the following rule and you should be good. Wink
Code:
.lastpost > span > a:last-child, .last-post-icon {
  position:absolute;
  right:10px;
  top:10%;
}
FYI the problem comes because the class .last-post-icon is removed when it changes to the "new" icon.


If any problems let me know. Have a good day. salut

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: New Post icon is out of alignment

Post by troyeccles on May 17th 2016, 2:05 am

And I'll let you know that it was PERFECT.

Thank you!!!!

Solved.

troyeccles
Forumember

Posts : 239
Reputation : 5
Language : English

Back to top Go down

Solved Re: New Post icon is out of alignment

Post by SLGray on May 17th 2016, 3:51 am

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: New Post icon is out of alignment

Post by SLGray on May 17th 2016, 7:02 pm

Re-opened by Request


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: New Post icon is out of alignment

Post by troyeccles on May 18th 2016, 2:57 am

Sorry, I've asked for this to be re-opened as this alignment issue is also occurring on the sub-forum level.

The forum where the last post icons are lined up perfectly is here:
http://bellsareringing.forumotion.com

The sub forum example is here:
http://bellsareringing.forumotion.com/f5-villa-chat

I'm guessing it's the same code as above but which style rule do I put it in (if there's a 25 word lesson that you can teach me on how to find the name of the style form in future, that'd be good....might save me having to ask Smile )

Thanks again in advance for your help.

troyeccles
Forumember

Posts : 239
Reputation : 5
Language : English

Back to top Go down

Solved Re: New Post icon is out of alignment

Post by SLGray on May 18th 2016, 6:37 am

In Firefox, you can place your cursor over the area you want to modify and right click on it. Then pick inspect element. I believe in Chrome, it is the same way.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: New Post icon is out of alignment

Post by troyeccles on May 18th 2016, 10:23 am

Ok, ta. I'll look into that.

But if I could get help with this current problem....

troyeccles
Forumember

Posts : 239
Reputation : 5
Language : English

Back to top Go down

Solved Re: New Post icon is out of alignment

Post by Ange Tuteur on May 18th 2016, 4:21 pm

Hi again,

Replace your previous code with the one below :
Code:
.lastpost > span > a:last-child, .lastpost > div > span > a, .last-post-icon {
  position:absolute;
  right:10px;
  top:10%;
}
Note I added
Code:
.lastpost > div > span > a
to the selector set.

P.S.
If you want to know how to find selectors you can use your browsers developer tools. See this topic :
http://help.forumotion.com/t145688-so-you-want-to-code-learning-resources#tuto-dtools

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: New Post icon is out of alignment

Post by troyeccles on May 19th 2016, 5:58 am

I can't say that I really understand how that ".lastpost > div > span > a" works but it DID!

Once again, Ange, your assistance is invaluable. I'll read that link too.

Many thanks! Have a great day.

Solved!

troyeccles
Forumember

Posts : 239
Reputation : 5
Language : English

Back to top Go down

Solved Re: New Post icon is out of alignment

Post by SLGray on May 19th 2016, 9:02 am

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum