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.

Need CSS Positioning Help, and Top Posting Users Widget

View previous topic View next topic 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

Elisabeth McNight
New Member

Female Posts : 22
Reputation : 1
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.


SLGray
Administrator
Administrator

Male Posts : 36679
Reputation : 2445
Language : English
Location : United States

http://ztwds.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

Elisabeth McNight
New Member

Female Posts : 22
Reputation : 1
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".

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)?

Elisabeth McNight
New Member

Female Posts : 22
Reputation : 1
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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.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, 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;
}


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


Elisabeth McNight
New Member

Female Posts : 22
Reputation : 1
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.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.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, 8:22 pm

Thank you very much for the help

Elisabeth McNight
New Member

Female Posts : 22
Reputation : 1
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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.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