Change of Font Size

  • Unknown's avatar
    byaforum · Member ·

    May I know why my customized fonts size are not reflected in the website even I have set the customised css

    Thanks if there is any reply.
    Rachel

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    byaforum · Member ·

    And also how to change menu size? Currently the size is a bit too small for large screen format. Thanks

  • Unknown's avatar
    byaforum · Member ·

    And also how to change Title size? Currently the size is a bit too big for mobile screen format. Thanks

  • Unknown's avatar
    raincoaster · Member ·

    Do you have the custom design upgrade? You can’t save changes in the customizer unless you have.

  • Unknown's avatar
    byaforum · Member ·

    How do I have custom design upgrade? I try for free custom design. Is it I need to pay before I can make any changes? If so, how do I pay now, since I am still at the trial run stage.

    Warm regards,
    Rachel

  • staff-happychia · Staff ·

    We can save any CSS / Custom Fonts even during the trial period.

    how to change menu size

    How would you like to change the menu size? You mean the text size or the menu item width? Please describe so we can help you.

    how to change Title size

    Your current site title – 2nd Buddhist Youth Forum – I reckon, is coming from this background image.

    Please let me know if I got the title wrong, otherwise please change it on the image.

  • Unknown's avatar
    byaforum · Member ·

    Hi, you have misunderstood, what I meant the “title” was the left side title is text, drop down menu in chinese and english are text format. just that the background is image.

  • Unknown's avatar
    byaforum · Member ·

    May I know how to link byaforum.wordpress.com to http://www.blia.sg/byforum/?

    I meant byaforum.wordpress.com (url will be hidden) and http://www.blia.sg/byforum/ (this url will be shown in the public)

  • staff-happychia · Staff ·

    Use this style to change the font size of the post titles (Welcome to 2nd Buddhist Forum 2015, for the first post and for all other posts) :

    .post-info h1 a {
    font-size: 20px;
}

    Please let me know if this is not the title you wanted.

  • Unknown's avatar
    byaforum · Member ·

    Hi, thanks the title font size works. Another font size I want to change is the drop down menu. Thanks

  • Unknown's avatar
    byaforum · Member ·

    Oops and also I would like to change the font size of the date below the title.

  • staff-happychia · Staff ·

    We can’t increase the font size more than 1px due to the way CSS this theme is structured: 

    .wf-active .menu-main {
font-size: 13px;
}

    Font size of the date below the title. 

    .wf-active .timestamp {
    font-size: 15px;
}
  • Unknown's avatar
    byaforum · Member ·

    I would also like to change the font of the internal pages titles ie the gray title.

    Is there a way to change the hyperlinks as well? I want to bold the hyperlinks

    Is it possible to change the framework of the template? I find that the left side is to wide, hence my content is quite narrow.

    I also notice that the mobile version doesn’t display properly in terms of the header. Any way to resolve this?

  • Unknown's avatar
    byaforum · Member ·

    I also notice that the text in the top menu is too cramp when it goes to 2nd or 3rd line. Anyway to resolve this as well.

    Pardon me if I have asked too many questions. I hope to customise the site and make it visually user-friendly and easy to read.

  • staff-happychia · Staff ·

    I would also like to change the font of the internal pages titles ie the gray title.

    .post-info h1 {
    color: red;
    font-size: 20px;
}

    Is there a way to change the hyperlinks as well? I want to bold the hyperlinks

    a:link, a:visited, .blog-name a:hover, h1 a:hover, .archive-byline a:hover, .comment-bubble a:hover, #footer a:hover {
font-weight: bold;
}

    Is it possible to change the framework of the template? I find that the left side is to wide, hence my content is quite narrow.

    Go to WordPress.com Theme Showcase and pick a theme that suits your need. But please note that if you change the theme all the custom CSS you have added so far will be lost.

    I also notice that the mobile version doesn’t display properly in terms of the header. Any way to resolve this?

    Let’s hide the background image in the mobile theme. Add the following CSS

    and

    Select Include Custom CSS in the Mobile Theme option in the CSS Editor.

    body.mobile-theme {
background-image: none;
}

    I also notice that the text in the top menu is too cramp when it goes to 2nd or 3rd line. Anyway to resolve this as well.

    .menu-main ul ul a {
      line-height: 20px;
}

    Try these styles and let me know how it goes :-)

  • Unknown's avatar
    byaforum · Member ·

    Hi, the layouts are much better now.
    Can you also advise if the entire menu can be shifted left or right? As I need to put my logos need to the menu.

  • Unknown's avatar
    byaforum · Member ·

    I meant I need to put my logos next to the menu

  • staff-happychia · Staff ·

    This style shifts the menu to the left.

    .full-column .center-column {
    margin-left: 180px;
}
  • Unknown's avatar
    byaforum · Member ·

    thanks. looking at the byaforum layout, it is a 2 column grid layout. Is it possible have the right colum wider than left column?

    Finally, how can I change the font size of the content?

  • staff-happychia · Staff ·

    how can I change the font size of the content

    .post-content {
font-size: 15px;
}

    It doesn’t look like there are two columns. You can find the columns by setting a temporary background color as following so you know where they are on the page. Please add these styles but don’t save so you know where the columns are.

    .full-column {
background: orange;
}

.center-column {
background: red;
}

.center-column-sidebar {
background: yellow;
}
  • The topic ‘Change of Font Size’ is closed to new replies.