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.

Add some styles on last message on the home page

View previous topic View next topic Go down

Solved Add some styles on last message on the home page

Post by betclever on Thu Nov 27, 2014 9:54 pm

Hello,

Is it possible to add the same background/style or table I don't know as on forumotion on my forum?

Please find a print screen for more details:



Thanks,


Last edited by betclever on Thu Nov 27, 2014 10:39 pm; edited 1 time in total

betclever
Forumember

Posts : 209
Reputation : 2
Language : english

http://www.betclever.net

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by _Twisted_Mods_ on Thu Nov 27, 2014 10:03 pm

you want to style the post rows?

add this to your css

acp>display>pictures&colors>colors>css tab

Code:
.row {
    border-radius: 10px;
color:white;
background-color:black
}
and

Code:
.row:hover {
color:black;
background-color:blue;
}

:hover - means on mouse over
color - font color
background-color - pretty much says
border-radius - is the roundness of the corners


if you need any other options just ask
avatar
_Twisted_Mods_
Helper
Helper

Male Posts : 2064
Reputation : 314
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by SLGray on Thu Nov 27, 2014 10:04 pm

Here is the CSS selector for that area:
Code:
dd.lastpost {
    CSS code
}


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40880
Reputation : 2775
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by betclever on Thu Nov 27, 2014 10:05 pm

Hi guys,

What shall I do cause SLgray sent another code.
Which one shall I use to add the same style on my forum?

Thanks,

betclever
Forumember

Posts : 209
Reputation : 2
Language : english

http://www.betclever.net

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by SLGray on Thu Nov 27, 2014 10:09 pm

My code changes what is in the last post column: text, date, topic title, etc.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40880
Reputation : 2775
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by betclever on Thu Nov 27, 2014 10:20 pm

Ok, apparently, something is wrong in the code cause please see what I get after the change:




There is no change on "last post" but the complete bar is rounded.

PS: this is on my testforum.

My website is www.betclever.net

Can I use the same colors as on the mine?

Thanks,

betclever
Forumember

Posts : 209
Reputation : 2
Language : english

http://www.betclever.net

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by SLGray on Thu Nov 27, 2014 10:24 pm

You have to add !important to each line of CSS you add.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40880
Reputation : 2775
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by betclever on Thu Nov 27, 2014 10:32 pm

Like this?

.row {
border-radius: 10px;
color:white !important;
background-color:#E0F4FF !important
}

.row:hover {
color:black !important;
background-color:blue !important;
}

dd.lastpost {
CSS code
}

If yes, it doesn't work and no change Sad

betclever
Forumember

Posts : 209
Reputation : 2
Language : english

http://www.betclever.net

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by Mati on Thu Nov 27, 2014 10:33 pm

Add this in your CSS

Code:
.topiclist.forums dd.lastpost {
  background-color: #f0f7fc;
  border: 1px solid #d7edfc;
  border-radius: 3px;
  margin: 6px;
}
avatar
Mati
Active Poster

Posts : 1898
Reputation : 287
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://forumdirectory.forumotion.net/

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by betclever on Thu Nov 27, 2014 10:38 pm

Hey Mati,

It works!

Thanks to you all,

betclever
Forumember

Posts : 209
Reputation : 2
Language : english

http://www.betclever.net

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by SLGray on Thu Nov 27, 2014 10:39 pm

You're welcome. Is this solved now?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40880
Reputation : 2775
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by betclever on Thu Nov 27, 2014 10:39 pm

Yes yes, thanks,

betclever
Forumember

Posts : 209
Reputation : 2
Language : english

http://www.betclever.net

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by SLGray on Thu Nov 27, 2014 10:41 pm

Topic solved and archived


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40880
Reputation : 2775
Language : English
Location : United States

https://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