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.

How can I reduce the size of text on my topics etc please

View previous topic View next topic Go down

Solved How can I reduce the size of text on my topics etc please

Post by jkh on September 19th 2017, 5:30 pm



Where the arrows point the text is huge and I'd like to reduce it in both places, but I cannot find where to do it in the Admin Panel.

All I can find is this, but that just reduces the size of the text all over the forum which isn't what I want. It's just the two links that need reducing. Would it be in my CSS?



The links that I'm pointing to can't possibly be size 11 anyway.

This is my CSS code - I cant find what I'm looking for in there either.
Many thanks.
 
Code:
    img.smiley {
    width: auto !important;
    height: auto !important;
    }.sceditor-emoticons > div{
      height:200px;
      overflow-y:scroll}
    .LGlike {
      background: #105289;
      padding: 3px;
      border-radius: 4px;
      color: #fff;
      font-size: 10px;
      font-weight: bold;
      text-shadow: -1px 0.5px #888;
      box-shadow: 1px 1px 1px #888;
      cursor: pointer;
      margin-right: 4px;
     }
     .LGvote { margin: 0 5px; }
     .LGnovote {
      filter:Alpha(opacity=50);
      opacity: 0.5;
      cursor: default;
      box-shadow: none;
      text-shadow: none;
     }
    #logo img {
        width: 80%;
    }        .LGlike {
              background: #105289;
              padding: 3px;
              border-radius: 4px;
              color: #fff;
              font-size: 10px;
              font-weight: bold;
              text-shadow: -1px 0.5px #888;
              box-shadow: 1px 1px 1px #888;
              cursor: pointer;
              margin-right: 4px;
             }
             .LGvote { margin: 0 5px; }
             .LGnovote {
              filter:Alpha(opacity=50);
              opacity: 0.5;
              cursor: default;
              box-shadow: none;
              text-shadow: none;
             }
    /*Profile Box*/
    .postprofile {
      text-align:center;
      background:#;
      border:1px solid #CCC;
      border-radius:3px;
      margin: 10px 0px 0px;
      padding: 10px 3px 3px;
      box-shadow: 01px 1px 5px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0);
      min-height: 80px;
    position: relative;
    max-width: 200px;
    word-wrap: break-word;
    }
    
    .postprofile dd, .postprofile dt { margin-left:0 }
    
    blockquote blockquote {
       background-color: #ECECEC;
       font-size: 1.0em;
       margin: 0.5em 1px 0pt 15px;}
    
    .postprofile dd, .postprofile dt { margin-left:0 }
    
            /* offline image */
            .post .postprofile {
            background-image:url('https://i.servimg.com/u/f21/18/45/72/48/offlin14.png');
            background-repeat:no-repeat;
            background-position:center 0px;
            
            
            }
            
            /* online image */
            .post.online .postprofile {
            background-image:url('https://i.servimg.com/u/f21/18/45/72/48/online14.png');
            background-repeat:no-repeat;
            background-position:center 0px;
            }
    
    .postprofile .label {
        float: left;
        margin-left: -3px;
        margin-right: 3px;
    
        width: 50%;
        text-align: right;
    }
    .postprofile .label, .postprofile .label span {
        font-weight: 700;
        color: #39C !important;
    }
    * {
        margin: 0px;
        padding: 00px;}
    
    .postprofile dd {
        color: #333;
        text-align: left;
    }
    .postprofile dd, .postprofile dt {
        line-height: 1.2em;}
    
    .postprofile dd:last-child, .postprofile dt + dd {
        text-align: center;}
    
    .postprofile { padding-top:70px }
    
    #content-container div#right {
        float: right;
        overflow: hidden;
        width: 180px;
        padding-top: 23px;
    }

            #main-content > .post .postprofile dt img {
              background:#FFF;
              height:100px;
              width:100px;
              border-radius:100px;
              box-shadow:0 2px 3px rgba(0, 0, 0, 0.1), 0 -1px 1px rgba(0, 0, 0, 0.1);
              padding:3px;
            }
            .lastpost-avatar img {
                -moz-border-radius: 50%;;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                height: 38px;
                width: 38px;
            }
            fa_popup_content > div.post .postprofile dt > a, #main-content > div.post .postprofile dt > a, #userAvatar, .avatar, .lastpost-avatar, .mod-login-avatar dt, .postprofile dt > a > img, td.avatar-mini img {
                background: #FFF;
                border-radius: 100px;
                box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3);
                display: inline-block;
                height: 100px;
                margin: 10px 0;
                overflow: hidden;
                padding: 5px;
                width: 100px;
            }
            
            .postprofile dt > a > img { padding: 0 !important; margin: 0; box-shadow: none; }
            
            .avatar, .lastpost-avatar, td.avatar-mini img { box-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 -0 1px rgba(0,0,0,0.3); }
            
            .lastpost-avatar, .lastpost-avatar img, td.avatar-mini img {
                border-radius: 100px;
                height: 34px;
                width: 34px;
            }
            
            .lastpost-avatar {
                margin: 0 5px 0 0;
                padding: 2px !important;
            }
            ul#picture_legend {
            background-position: center;
            background-repeat: no-repeat;
            background-image: url('https://i.servimg.com/u/f58/14/38/83/10/b80g8712.png');
            text-align: center;
            padding: 24px 0;}
                    .fa_avatar img {
              width:25px;
              height:25px;
              margin-right:5px;
              margin-bottom:-6px;
              -webkit-border-radius:3px;
                 -moz-border-radius:3px;
                      border-radius:3px;
            }
            #fa_toolbar, #fa_toolbar_hidden {background-color: #ADA8A8 !important;}
            .fa_vote, .fa_voted, .fa_count {
              font-size:10px;
              font-family:Arial, Helvetica, Sans-serif;
              display:inline-block !important;
              width:auto !important;
              transition:300ms;
            }
            
            .fa_voted, .fa_vote:hover { opacity:0.4 }
            .fa_voted { cursor:default }
            
            .fa_count {
              font-weight:bold;
              margin:0 3px;
              cursor:default;
            }
            
            .fa_positive { color:#4A0 }
            .fa_negative { color:#A44 }
            
            .fa_votebar, .fa_votebar_inner {
              background:#C44;
              height:3px;
            }
            
            .fa_votebar_inner {
              background:#4A0;
              transition:300ms;
            }
            /* sticky nav main */
            #fa_sticky_nav {
              font-size:0; /* hide whitespace */
              text-align:center;
              background:#FAFAFA;
              border-bottom:1px solid #CCC !important;
              height:30px;
              position:fixed;
              right:0;
              z-index:999;
              overflow:hidden;
              transition:top 200ms linear, width 600ms ease-in-out;
            }
            
            #fa_sticky_nav li { display:inline } /* navlist adjustment */
            
            
            /* sticky menu links */
            #fa_sticky_nav a.mainmenu {
              color:#39C;
              font-size:11px;
              font-weight:bold;
              font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
              background:url('https://i.servimg.com/u/f18/18/45/41/65/nav10.png') repeat-x 0px 30px;
              display:inline-block;
              padding:0 10px;
              height:30px;
              line-height:30px;
              transition:200ms;
            }
            
            #fa_sticky_nav a.mainmenu:hover, #fa_sticky_nav a.mainmenu.fa_navactif {
              background-position:0 25px;
            }
            
            
            /* sticky nav toggler */
            #fa_sticky_toggle {
              background:url('https://i.servimg.com/u/f21/18/21/41/30/omnibo10.png') no-repeat 0 0 #FAFAFA;
              border:1px solid #CCC;
              border-right:none;
              display:inline-block;
              height:29px;
              width:30px;
              position:fixed;
              right:0;
              z-index:999;
              transition:top 200ms linear;
            }
            
            #fa_sticky_toggle:hover { background-position:-30px 0 }
            
            
            /* make hidden toolbar similar to toggler */
            #fa_toolbar_hidden {
              border-radius:0 !important;
              border:1px solid #CCC;
              border-right:0;
              border-top:0;
            }
            
            
            /* post offset fix */
            .post div[style*="-30px;"] {
              top:-60px !important;
            }
            dl.annonce {background-color:#EDEFF2!important;} /* modify the background color of announcements */
            dl.Note {background-color:#F9FAE8!important;} /* modify the background color of stickies */
            #site-title h1 {
                font-size: 18px;
            }
            body > iframe[src*="yanqex.com"] {
              top: -9999px;
            }
            .updownbutton {
              position:fixed;
              bottom:30px;
              right:10px; /* replace right with left to display the buttons on the left */
              z-index:100;
            }
            .updownbutton img {
              filter:alpha(opacity=50);
                    -khtml-opacity:0.5;
                      -moz-opacity:0.5;
                           opacity:0.5;
            }
            .updownbutton img:hover {
              filter:alpha(opacity=100);
                       -khtml-opacity:1;
                         -moz-opacity:1;
                              opacity:1;
            }


Last edited by jkh on September 19th 2017, 6:33 pm; edited 1 time in total
avatar
jkh
Forumember

Posts : 286
Reputation : 9
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Solved Re: How can I reduce the size of text on my topics etc please

Post by Draxion on September 19th 2017, 5:35 pm

Here is the selector for the titles.
Code:
h1.page-title,
.postbody .topic-title {
  font-size: YOUR SIZE;
}


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1797
Reputation : 225
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: How can I reduce the size of text on my topics etc please

Post by jkh on September 19th 2017, 6:01 pm

Thank you...what about the second link though because they're two different sizes?

Your code has sorted out the first HUGE link thank you muchly.
avatar
jkh
Forumember

Posts : 286
Reputation : 9
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Solved Re: How can I reduce the size of text on my topics etc please

Post by SLGray on September 19th 2017, 6:05 pm

The CSS code given should work for both. Add it to the top of the stylesheet.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40464
Reputation : 2730
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: How can I reduce the size of text on my topics etc please

Post by jkh on September 19th 2017, 6:14 pm

Yes, I've added it to the top but only the first link reduces.

As you can see from the screenshot the text of the second link is so big it goes on to two lines even when there's only 3 words!
avatar
jkh
Forumember

Posts : 286
Reputation : 9
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Solved Re: How can I reduce the size of text on my topics etc please

Post by Draxion on September 19th 2017, 6:17 pm

Are you looking to make the two different sizes, or both the same size?


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1797
Reputation : 225
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: How can I reduce the size of text on my topics etc please

Post by jkh on September 19th 2017, 6:21 pm

Both the same - this is what it looks like now. Much better, but the second link still looks bigger, unless it's because the text is bold (how do I make it not bold?)

avatar
jkh
Forumember

Posts : 286
Reputation : 9
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Solved Re: How can I reduce the size of text on my topics etc please

Post by SLGray on September 19th 2017, 6:21 pm

Clear your browser's cache.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40464
Reputation : 2730
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: How can I reduce the size of text on my topics etc please

Post by Draxion on September 19th 2017, 6:23 pm

May I suggest switching the size to 14px instead of 16px?

Either that or you are going to have to separate the sizes.
Code:
h1.page-title {
  font-size: 16px;
}
.postbody .topic-title {
  font-size: 14px;
}


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1797
Reputation : 225
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: How can I reduce the size of text on my topics etc please

Post by jkh on September 19th 2017, 6:25 pm

I'll try that - is it possible to have the two links different sizes then? The top one bigger than the second?
avatar
jkh
Forumember

Posts : 286
Reputation : 9
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Solved Re: How can I reduce the size of text on my topics etc please

Post by Draxion on September 19th 2017, 6:26 pm

jkh wrote:I'll try that - is it possible to have the two links different sizes then? The top one bigger than the second?

I edited my last message. Wink


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1797
Reputation : 225
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: How can I reduce the size of text on my topics etc please

Post by jkh on September 19th 2017, 6:29 pm

Perfect sizing now. Thank you.

Is it possible to make the text of the second link not bold?
avatar
jkh
Forumember

Posts : 286
Reputation : 9
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Solved Re: How can I reduce the size of text on my topics etc please

Post by Draxion on September 19th 2017, 6:30 pm

Add this property to the selector.
Code:
font-weight: 100;


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1797
Reputation : 225
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: How can I reduce the size of text on my topics etc please

Post by jkh on September 19th 2017, 6:32 pm

Excellent. Sorted! Thank you so much. :rose:
avatar
jkh
Forumember

Posts : 286
Reputation : 9
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Solved Re: How can I reduce the size of text on my topics etc please

Post by Draxion on September 19th 2017, 6:34 pm

You're welcome.
Problem solved & topic archived.
Please read our forum rules: ESF General Rules


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1797
Reputation : 225
Language : English
Location : USA

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