Need CSS Positioning Help, and Top Posting Users Widget

Go down

Solved Need CSS Positioning Help, and Top Posting Users Widget

Post by Elisabeth McNight on October 29th 2015, 12:52 am

I installed a skin from hitskin.com, but I wish to customise it more to fit the theme of my forum. While playing with the CSS, I must have messed up something.

My first problem is that the author name is positioned to the left:



I want it to be centered like the thread title and date/time are. I can't figure out which part of the code I need to change to fix that. The comments don't help either, they're in Spanish I can't read nor understand it.

My second problem, is that the word sticky and the symbol is overlapping the title of the thread:



My third problem (hopefully my last, so I don't have to continue editing this post) is the Top Posting users section, doesn't seem to have the bar graph appear:



Last edited by Elisabeth McNight on October 30th 2015, 8:22 pm; edited 6 times in total
avatar
Elisabeth McNight
New Member

Female Posts : 22
Reputation : 2
Language : English

http://hogwartsswwroleplay.forumotion.com/

Back to top Go down

Solved Re: Need CSS Positioning Help, and Top Posting Users Widget

Post by SLGray on October 29th 2015, 2:17 am

Please change the title of your topic to something that is related to your question/issue, so that other users will be able to find their question/issue using the search engine.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 43521
Reputation : 3094
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: Need CSS Positioning Help, and Top Posting Users Widget

Post by Elisabeth McNight on October 30th 2015, 5:28 am

Bump
avatar
Elisabeth McNight
New Member

Female Posts : 22
Reputation : 2
Language : English

http://hogwartsswwroleplay.forumotion.com/

Back to top Go down

Solved Re: Need CSS Positioning Help, and Top Posting Users Widget

Post by Wealh on October 30th 2015, 7:56 am

"ELISABETH MCNIGHT View latest post"

There is a invisible "View latest post" at the right of the author name.

Code:
dd.lastpost span, dd.moderation span, dd.redirect span, ul.topiclist dd.info span, ul.topiclist dd.searchby span, ul.topiclist dd.time span {
  display: inline-block;
}

Sticky:

Code:
ul.topics dd.dterm, ul.topics dt {
  display: inline-flex;
}

Symbol:

Code:
ul.topics li.row dd.posts::after {
  content: "Respuestas";
}

Top Posting Users:

Administration Panel > Display > Pics manegement > Advanced Mode

Edit "Vote bar - Left", "Vote bar - Center" and "Vote bar - Right".
avatar
Wealh
Forumember

Posts : 69
Reputation : 6
Language : English

http://boredom.iftopic.com/

Back to top Go down

Solved Re: Need CSS Positioning Help, and Top Posting Users Widget

Post by Elisabeth McNight on October 30th 2015, 9:40 am

@Wealh

Thank you, but now I'm having this problem:



And where do I change the "Veces Visto" (which I assume means Views)?
avatar
Elisabeth McNight
New Member

Female Posts : 22
Reputation : 2
Language : English

http://hogwartsswwroleplay.forumotion.com/

Back to top Go down

Solved Re: Need CSS Positioning Help, and Top Posting Users Widget

Post by Ange Tuteur on October 30th 2015, 10:34 am

Hi @Elisabeth McNight

1. Add this CSS to your stylesheet :
Code:
dd.lastpost span.color-groups { float:none; }

2. For the second problem add this CSS also :
Code:
.span-tab {
  position:static;
  float:left;
}

a.topictitle {
  margin:0;
  display:inline;
}

ul.topics dd.dterm, ul.topics dt {
  display:block;
  text-align:left;
}


3. Do you have an image set for the poll ?
Admin Panel > Display > Pics management > Advanced > General / Explore > Vote bar : Left | Right | Center
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2918
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Need CSS Positioning Help, and Top Posting Users Widget

Post by Wealh on October 30th 2015, 5:52 pm

@Elisabeth McNight wrote:@Wealh

Thank you, but now I'm having this problem:



And where do I change the "Veces Visto" (which I assume means Views)?

Code:
ul.topics li.row dd.views::after {
  content: "Veces visto";
}

Also, try this:

Code:
.span-tab {
  left: initial;
  margin-left: 5px;
}

Code:
a.topictitle {
  display: inline;
  margin-left: auto;
}

avatar
Wealh
Forumember

Posts : 69
Reputation : 6
Language : English

http://boredom.iftopic.com/

Back to top Go down

Solved Re: Need CSS Positioning Help, and Top Posting Users Widget

Post by Elisabeth McNight on October 30th 2015, 7:38 pm

@Wealh and @Ange Tuteur
Is there a way to shirt the Replies/Views over to the side where it says Replies and Views? Align the author name to the topic title?



I appreciate the help and sorry for all the questions, I'm a newb at CSS

avatar
Elisabeth McNight
New Member

Female Posts : 22
Reputation : 2
Language : English

http://hogwartsswwroleplay.forumotion.com/

Back to top Go down

Solved Re: Need CSS Positioning Help, and Top Posting Users Widget

Post by Ange Tuteur on October 30th 2015, 8:15 pm

Here, add this rule to your stylesheet :
Code:
ul.topics li.row dd.posts, ul.topics li.row dd.views {
  position:static;
  text-align:center;
  width:8%;
}

That should reset its position.
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2918
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Need CSS Positioning Help, and Top Posting Users Widget

Post by Elisabeth McNight on October 30th 2015, 8:22 pm

Thank you very much for the help
avatar
Elisabeth McNight
New Member

Female Posts : 22
Reputation : 2
Language : English

http://hogwartsswwroleplay.forumotion.com/

Back to top Go down

Solved Re: Need CSS Positioning Help, and Top Posting Users Widget

Post by Ange Tuteur on October 30th 2015, 8:36 pm

You're welcome ^^

Topic archived

Have a good weekend. Beer
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2918
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top


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