• HI,

    I want to enlarge the font size of the post titles under Recent Posts and of the category names under Categories on the sidebar. What CSS codes should I add in the Custom CSS/JS panel?

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 15 total)
  • Hi,

    ?Please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

    #recent-posts-3 > ul > li> a {
        font-size: 15px;
    }
    #categories-3 > ul > li > a {
        font-size: 15px;
    }

    PS- change the font size as per your need.

    Thread Starter puzzlefreetrans

    (@puzzlefreetrans)

    Thank you for the reply, but adding them to the panel and changing the font digit don’t make any difference.

    Is there another way to do this?

    Hi,

    Try to replace the above code with this one and check.

    #recent-posts-3 > ul > li> a {
        font-size: 18px !important;
    }
    #categories-3 > ul > li > a {
        font-size: 18px !important;
    }
    Thread Starter puzzlefreetrans

    (@puzzlefreetrans)

    Hi, my friend.

    Not working either. ??

    Hi,

    That is quite odd. I tried checking and the added code not reflecting there.

    If possible, Go to Appearance > Customize > Custom CSS, and check all the added codes are correct there. is there any bracket missing or something?

    and Clear the entire browser/website/cloud cache, and check.

    Thread Starter puzzlefreetrans

    (@puzzlefreetrans)

    Hi,

    I purged the cache for all pages, and the codes are in the CSS panel, but the font is in the same old size, except these two lines are reddened.

    #recent-posts-3 > ul > li> a
    #categories-3 > ul > li > a

    Hello,

    Please use this one.

    .sidebar-box ul > li > a {
        font-size: 18px;
    }
    
    Thread Starter puzzlefreetrans

    (@puzzlefreetrans)

    Sorry for the late reply. Thank for your effort, but these codes don’t make any difference. I wish I could show you the print screen pic here.

    not an issue, Please share the snapshots here https://imgbb.com/

    Thread Starter puzzlefreetrans

    (@puzzlefreetrans)

    Thank you!
    This is the link my blog page.

    Hello,

    Checked the shared snapshot and it seems there is a curly bracket “}” missing.

    Please recheck all custom codes you have added. or copy all the codes and paste them here, so I can check and suggest the solution.

    Thread Starter puzzlefreetrans

    (@puzzlefreetrans)

    There you go – all the codes I added as below

    #submitbutton
    {
    color:white;
    background-color: rgb(35,164,85);
    font-size:15px;
    border-radius:3px;
    }

    /* Text Input Field and Test Area Contact Form 7 Styles */

    .wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=url], .wpcf7,

    .wpcf7 textarea {
    font-size: 16px;
    border-radius: 6px;
    }

    .wpcf7-select {
    font-size:16px;
    border-radius: 30px;
    color: #3b7c42
    }

    input.wpcf7-form-control.wpcf7-submit {
    display: block;
    margin: 0 auto;
    width: 25%;

    background-color: #3b7c42;

    .entry-footer .more-link {
    display: none;
    }

    /* Sidebar Widget */

    a:hover {color: #008000;}

    /* Blog Excerpt */
    .blog-entry-summary p{
    font-size: 18px !important;
    }

    .sidebar-box ul > li > a {
    font-size: 20px;}

    Hello,

    Please try to copy the below code and replace it in your custom CSS field. and please take a backup before doing any update.

    #submitbutton
    {
    color:white;
    background-color: rgb(35,164,85);
    font-size:15px;
    border-radius:3px;
    }
    
    /* Text Input Field and Test Area Contact Form 7 Styles */
    
    .wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=url], .wpcf7,
    
    .wpcf7 textarea {
    font-size: 16px;
    border-radius: 6px;
    }
    
    .wpcf7-select {
    font-size:16px;
    border-radius: 30px;
    color: #3b7c42
    }
    
    input.wpcf7-form-control.wpcf7-submit {
    display: block;
    margin: 0 auto;
    width: 25%;
    background-color: #3b7c42;
    }
    .entry-footer .more-link {
    display: none;
    }
    
    /* Sidebar Widget */
    
    a:hover {color: #008000;}
    
    /* Blog Excerpt */
    .blog-entry-summary p{
    font-size: 18px !important;
    }
    
    .sidebar-box ul > li > a {
    font-size: 20px;}
    Thread Starter puzzlefreetrans

    (@puzzlefreetrans)

    It’s working. I can’t thank you enough! So it was about the lack of brackets in the upper part.

    You are most welcome and glad to hear that your issue has been fixed.
    Yeh correct that is because of the lack of a bracket.

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Recent post titles font size change’ is closed to new replies.