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.

CSS code for topic title & quote

View previous topic View next topic Go down

CSS code for topic title & quote

Post by S-t-e-v-e- on April 14th 2013, 2:41 pm

I have change the background of admin posts, post border and the post profile but i'm really struggling to change the topic title & the quote boxes

this is what i have try blackeye and it doesn't work what am i doing wrong?

Code:
.adminpost a.topictitle {
        color: #5b5b5b;
}
.adminpost .blockquote {
        background-color: #ececec;
   border: 1px solid #a5a5a5;
}

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: CSS code for topic title & quote

Post by Jophy on April 15th 2013, 7:13 am

• Please provide your forum URL for appearance problems

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Re: CSS code for topic title & quote

Post by S-t-e-v-e- on April 15th 2013, 8:39 am

this and the quote boxes color i want to change



http://staffy-bull-terrier.niceboard.com/t35433-omg-the-wind-tonight

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: CSS code for topic title & quote

Post by Rhino.Freak on April 15th 2013, 11:14 am

Code:
a.topictitle {
        color: #5b5b5b;
}
.blockquote {
        background-color: #ececec;
  border: 1px solid #a5a5a5;
}

this should work

Rhino.Freak
Active Poster

Male Posts : 1243
Reputation : 105
Language : English
Location : Mumbai, India

http://freetest.forumotion.net/

Back to top Go down

Re: CSS code for topic title & quote

Post by S-t-e-v-e- on April 15th 2013, 3:58 pm

i have already try it Wink

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: CSS code for topic title & quote

Post by Sir Chivas™ on April 15th 2013, 4:07 pm

Is this solved? Or you still in search for an answer?



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: CSS code for topic title & quote

Post by S-t-e-v-e- on April 15th 2013, 4:23 pm

nope this topic isn't solved

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: CSS code for topic title & quote

Post by Sir Chivas™ on April 15th 2013, 4:25 pm

Are you trying to change the color of the title, "Jason has been removed":





Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: CSS code for topic title & quote

Post by S-t-e-v-e- on April 15th 2013, 4:35 pm

yea and the quote boxes by use CSS

for only admin only so far i have sorted the borders, background, post message typing and the post profile.


if i can od all above surly there an way to do the post title and quote boxes

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: CSS code for topic title & quote

Post by Sir Chivas™ on April 15th 2013, 4:39 pm

Can you post a test thread where it shows quotes? Thanks.

You are aware that changing the color of the title, it'll be changing the hex color of all links? Since it is a link you know?

Here's the code, that's if you wish to change it.
Code:

a:link {
color: #COLOR;
text-decoration: none;
}



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: CSS code for topic title & quote

Post by S-t-e-v-e- on April 15th 2013, 4:43 pm


S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: CSS code for topic title & quote

Post by Sir Chivas™ on April 15th 2013, 4:43 pm

Here's all the codes that are to do with the quote:
Code:
.content blockquote {
color: rgb(6, 6, 7);
}
To change the font color inside the quote itself.


Code:
blockquote {
background: #ebeadd url(http://illiweb.com/fa/prosilver/quote.gif) 6px 8px no-repeat;
border: 1px solid #DBDBCE;
font-size: .95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
padding: 5px;
}
And to change and modify the quote itself



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: CSS code for topic title & quote

Post by S-t-e-v-e- on April 15th 2013, 4:47 pm

Sir Chivas™ wrote:
Here's the code, that's if you wish to change it.
Code:

a:link {
color: #COLOR;
text-decoration: none;
}

that didn't work Sad

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: CSS code for topic title & quote

Post by Sir Chivas™ on April 15th 2013, 4:48 pm

Did you change: #COLOR to the hex color you wish?



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: CSS code for topic title & quote

Post by S-t-e-v-e- on April 15th 2013, 4:48 pm

yea it just change the link colour in the post not the title but the quote codes work :wouhou:

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: CSS code for topic title & quote

Post by Sir Chivas™ on April 15th 2013, 4:52 pm

Alright, glad the quote codes worked. Wink


Here, try this:
Code:
.postbody .topic-title {
border: none;
color: #536482;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.5em;
font-weight: 700;
line-height: 125%;
margin: 0 0 .3em!important;
padding: 2px 0 0;
text-transform: none;
}

Change the color to whatever you want. That should do it. Wink



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: CSS code for topic title & quote

Post by S-t-e-v-e- on April 15th 2013, 4:56 pm

Sir Chivas™ wrote:Alright, glad the quote codes worked. Wink


Here, try this:
Code:
.postbody .topic-title {
border: none;
color: #536482;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.5em;
font-weight: 700;
line-height: 125%;
margin: 0 0 .3em!important;
padding: 2px 0 0;
text-transform: none;
}

Change the color to whatever you want. That should do it. Wink

that one didn't

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: CSS code for topic title & quote

Post by Sir Chivas™ on April 15th 2013, 4:58 pm

Search for it inside your CSS, maybe you already have it and since you're adding to of the same codes that won't work because that should work.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: CSS code for topic title & quote

Post by S-t-e-v-e- on April 15th 2013, 5:00 pm

yea i have try a few blackeye their must be a way surly if i have done everything else

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: CSS code for topic title & quote

Post by Sir Chivas™ on April 15th 2013, 5:05 pm

Have you removed all of the codes that you have inserted inside your CSS that has to do with this?



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: CSS code for topic title & quote

Post by Jophy on April 15th 2013, 5:15 pm

Hello,

This would be the code to change that:
Code:
a:link {
  color: COLORHERE !important;
}

That would actually change the colors of most of the links on your forum, I'm not sure how to change that individually since it's a link.

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Re: CSS code for topic title & quote

Post by S-t-e-v-e- on April 15th 2013, 5:18 pm

here is what i have changed and added i cant see anything that would clash with it


Code:
/* Round cornered boxes and backgrounds
---------------------------------------- */
#wrap {
        border: 1px solid #bcd4e3;
        background-color: #FFFFFF;
        min-width: 810px;
        max-width: 1015px;
        padding : 15px;
        margin-top: 40px;
}


.headerbar {
        height: 168px;
        background-color: #2A7BBA;
        background-image: url("http://staffy-bull-terrier.co.uk/nav/test.png");
        background-repeat:no-repeat;
        background-position:center; 
   color: #FFFFFF;
   border: 1px solid #4f91b6;
}

.navbar {
   background-color: #e5eef5;
   border: 1px solid #bcd4e3;
}

.forabg {
   background-color: #2C7CBA;
   background-image: url("http://i222.photobucket.com/albums/dd78/Staffybtuk/tablebg_zps1ef4e10b.png");
   border: 1px solid #4f91b6;
}

.forumbg {
   background-color: #2C7CBA;
   background-image: url("http://i222.photobucket.com/albums/dd78/Staffybtuk/tablebg_zps1ef4e10b.png");
   border: 1px solid #4f91b6;
}

.panel {
   border: 1px solid #bcd4e3;

}

.post {
        border: 1px solid #bcd4e3;
}
.warning {
        border: 1px solid;
        border-left: 3px solid;
        margin: 10px 0 10px 3px;
        padding:10px 10px 10px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        font-weight:bold;
}
.warning {
        color: #D63301;
        background-color: #FFCCBA;
        background-image: url('http://staffy-bull-terrier.co.uk/theme/img/warning.PNG');}   


/* Search Box & Nav Bar line
---------------------------------------- */
#search-box #keywords {margin-right: 10px;}

ul.navlinks {
        border-bottom: 1px solid #bcd4e3;
}

/* catecory and topic borders
---------------------------------------- */
li.row {
   border-top-color:  #FFFFFF;
   border-bottom-color: #bcd4e3;
}
/* remove index legend
---------------------------------------- */
ul#picture_legend, ul#privmsgs-menu {
        text-align: center;
        display: none;
 }
ul#picture_legend li, ul#privmsgs-menu li {
        display: inline;
        margin: 2px 10px;
        display: none;
}
ul#picture_legend li img, ul#privmsgs-menu li img {
        vertical-align: middle;
        display: none;
 }



/* Index Legends
---------------------------------------- */
#i_whosonline+p em {font-style: normal;}

/* toolbar
---------------------------------------- */
#fa_search #fa_textarea {
  border-radius: 0 0 0 0 !important;
  height:22px !important;
}

a#fa_magnifier {
    display: none !important;
}
input#fa_textarea {
    background-image: url(http://cdn1.iconfinder.com/data/icons/humano2/24x24/actions/old-zoom-original.png);
    background-repeat: no-repeat;
}

/* Topic Icons
---------------------------------------- */
dl.icon dt,dl.icon dd.dterm {
   background-repeat: no-repeat;
   background-position: 8px 90%;
   
}


/* post profile
---------------------------------------- */

.postprofile {
        background-color: #E9F0F5;
        border-left: 1px solid #BCD4E3;
        border: 1px solid #BCD4E3;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #536482;
        float: right;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        margin-top: 5px;
        height: 100%;
        width: 23%;
}
.post .postprofile {background: #E9F0F5 url("http://i108.photobucket.com/albums/n35/wise_guy_xp/icon_user_offline.gif") 100% 0% no-repeat;}
.online {background-image:none;}
.online .postprofile {background: #E9F0F5 url("http://i108.photobucket.com/albums/n35/wise_guy_xp/icon_user_online_en.png") 100% 0% no-repeat; opacity:1;}

.adminpost {
        border: 1px solid #a5a5a5;
        background: #f7f7f7;
}
.adminpost .clearfix {
        color: #5b5b5b;
}
.adminpost h2.postprofile {
        color: #5b5b5b;
}
.adminpost .postprofile {
        background-color: #ececec;
        border-left: 1px solid #a5a5a5;
        border: 1px solid #a5a5a5;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #536482;
        float: right;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        margin-top: 5px;
        height: 100%;
        width: 23%;
}
.adminpost blockquote {
        background: #ececec url(http://illiweb.com/fa/prosilver/quote.gif) 6px 8px no-repeat;
        border: 1px solid #DBDBCE;
        font-size: .95em;
        margin: 1em 1px 1em 25px;
        overflow: hidden;
        padding: 5px;
}
.adminpost blockquote blockquote {
   background-color: #f1f1f1;
   font-size: 1em;
   margin: 0.5em 1px 0pt 15px;
   }
.adminpost .postbody a.topic-title {
border: none;
color: #a5a5a5;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.5em;
font-weight: 700;
line-height: 125%;
margin: 0 0 .3em!important;
padding: 2px 0 0;
text-transform: none;
}

/* profile tweets
---------------------------------------- */
#tabs .activetab a {
        border-left: 1px solid #BCD4E3;
        border-right: 1px solid #BCD4E3;
        border-top: 1px solid #BCD4E3; 
}

#profile-advanced-right .module {
  border: 1px solid #BCD4E3;
}

/* Photos
---------------------------------------- */
.content img
{
  max-width: 550px;
  max-height: 550px;

width: expression(this.width > 450 ? 450: true);
}

/* FAQ page
--------------------------------------------- */
h5 {
   font-weight: normal;
   color: #336699;
   border-bottom: 1px solid #CCCCCC;
        font-size: 15px; 
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   padding: 5px 0 5px 0;
}
#text1 {
   width: 1016px;
   margin: 0px auto;
   overflow: auto;
   background: #ffffff;
}
#faqcol4 {
        width: 486px;
        float: left;
    height: 630px;   
   padding: 10px;
   background: #F3F7FA;
   border: 1px solid #bcd4e3;
        border-right: none;   
}
#faqcol5 {
        width: 487px;   
        float: left;
    height: 630px;   
        list-style: none;   
   padding: 10px;   
   background: #F3F7FA;
   border: 1px solid #bcd4e3;
        border-left: none;      
}
#faqcolanswersfirst {
        width: 993px;
    background: #E9F0F5;
   margin-bottom: 7px;
        padding-left: 10px;
        padding-right: 10px;
   margin-top: 663px;
   border: 1px solid #bcd4e3;   
}
#dogfaqcol4 {
        width: 486px;
        float: left;
    height: 500px;   
   padding: 10px;
   background: #F3F7FA;
   border: 1px solid #bcd4e3;
        border-right: none;   
}
#dogfaqcol5 {
        width: 487px;   
        float: left;
    height: 500px;   
        list-style: none;   
   padding: 10px;   
   background: #F3F7FA;
   border: 1px solid #bcd4e3;
        border-left: none;      
}
#dogfaqcolanswersfirst {
        width: 993px;
    background: #E9F0F5;
   margin-bottom: 7px;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 532px;
   border: 1px solid #bcd4e3;   
}
.faqcolanswers10 {
        width: 993px;
    background: #E9F0F5;
   margin-bottom: 7px;
        padding-left: 10px;
        padding-right: 10px;
   border: 1px solid #bcd4e3;
}   
.faqcolanswers20 {
        width: 993px;
    background: #F3F7FA;
   margin-bottom: 7px;
        padding-left: 10px;
        padding-right: 10px;
   border: 1px solid #bcd4e3;
}

.style4 {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        padding-top: 10px;
   padding-bottom: 2px;
        font-size: 12px; 
        color:#000000;
   font-weight: bold;   
}
.style5 {
   font-size: 11px;
        pading-bottom: 5px;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
.style6 {
        font-size: 12px; 
   font-weight: bold;
        color:#000000;   
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   padding-top: 8px;
}
.style7 {
        font-size: 12px; 
   padding-bottom: 8px;
   border-bottom: 1px dashed #CCCCCC;
}
.style8 {
        font-size: 12px; 
   padding-bottom: 8px;
}

a[href="/privmsg?folder=inbox"]{display:none;}
a[href="/faq"]{display:none;}


#smilies-categ p {margin: 0px; background: #fff;}
.smiley-element {padding-top: 5px;}
.smiley-element img {margin: 5px;}
#smilies-categ, .smiley-element {background: #fff;}

/* Category Togglie
--------------------------------------------- */
.expand, .contract {position: absolute; top: 6px; right: 10px; cursor: pointer; width: 9px; height: 9px; background: url(http://illiweb.com/fa/m/tabs_more1.gif);}
.contract {background: url(http://illiweb.com/fa/m/tabs_less1.gif);}


/* sponsor page
--------------------------------------------- */
.sboxtop {
    float: left;   
    height: 15px;
   width: 249px;
   font-size: 1.1em;
   line-height: 1.1em;
    padding: 2px;   
   border: 1px solid #bcd4e3;
   border-right: none;
   font-weight: bold;      
   background: #ECF3F7; 
}
.sboxtop1 {
    height: 15px;
    float: left;   
   width: 249px;
   font-size: 1.1em;
   line-height: 1.1em;
    padding: 2px;   
   border: 1px solid #bcd4e3;
   border-right: none;   
   font-weight: bold;      
   background: #ECF3F7; 
}
.sboxtop2 {
    float: left;   
    height: 15px;
   width: 249px;
   font-size: 1.1em;
   line-height: 1.1em;   
    padding: 2px;   
   border: 1px solid #bcd4e3;
   font-weight: bold;   
   border-right: none;      
   background: #ECF3F7; 
}
.sboxtop3 {
    height: 15px;
    float: left;   
   width: 247px;
   font-size: 1.1em;
   line-height: 1.1em;
    padding: 2px;   
   border: 1px solid #bcd4e3;   
   font-weight: bold;      
   background: #ECF3F7; 
}
.sboxbottom {
    float: left;   
   width: 249px;
   font-size: 0.9em;
   line-height: 1.1em;
    padding: 2px;   
   border: 1px solid #bcd4e3;
   border-right: none;
   border-top: none;
        margin-bottom: 10px;
}
.sboxbottom1 {
    float: left;   
   width: 249px;
   font-size: 0.9em;
   line-height: 1.1em;
    padding: 2px;   
   border: 1px solid #bcd4e3;
   border-right: none;
   border-top: none;
        margin-bottom: 10px;
}
.sboxbottom2 {
    float: left;   
   width: 249px;
   font-size: 0.9em;
   line-height: 1.1em;   
        padding: 2px;   
   border: 1px solid #bcd4e3;   
   border-right: none;
   border-top: none;
        margin-bottom: 10px;
}
.sboxbottom3 {
    float: left;   
   width: 247px;
   font-size: 0.9em;
   line-height: 1.1em;   
    padding: 2px;   
   border: 1px solid #bcd4e3;
   border-top: none;
        margin-bottom: 10px;
}


Last edited by Sir Chivas™ on April 15th 2013, 5:49 pm; edited 1 time in total (Reason for editing : Added [code] tags instead of [quote] tags)

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: CSS code for topic title & quote

Post by Jophy on April 15th 2013, 5:20 pm

Did you try the code I provided above? The one provided by Sir Chivas was missing the !important part, can you try if it's working?

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Re: CSS code for topic title & quote

Post by Sanket on April 15th 2013, 5:21 pm

You are trying to change the titles for the staff?? I think the people who are replying in this thread have misunderstood your question.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: CSS code for topic title & quote

Post by S-t-e-v-e- on April 15th 2013, 5:24 pm

@Sanket wrote:You are trying to change the titles for the staff?? I think the people who are replying in this thread have misunderstood your question.

no i'm trying to change the post title in admin posts


@Jophy wrote:Did you try the code I provided above? The one provided by Sir Chivas was missing the !important part, can you try if it's working?

yea just change it still no joy

http://staffy-bull-terrier.niceboard.com/t35472-test

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: CSS code for topic title & quote

Post by Sir Chivas™ on April 15th 2013, 5:55 pm

Well, the issue is that you will have to create a JS or edit the templates in order for this code to work.
Code:

.adminpost h2.postprofile {
color: #COLOR;
}

Unless, you have an HTML div id tag around the title or some.


I will try to come up with something later today, I'm in school. I think I have an idea of what might work. Smile



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: CSS code for topic title & quote

Post by S-t-e-v-e- on April 15th 2013, 7:23 pm

just try that didn't work also

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

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