Please code and place it

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • saleh1
    Member
    • Sep 2009
    • 61
    • 3.8.x

    Please code and place it

    hello
    Please code and place it

    font size and bold

    Attached Files
    Last edited by saleh1; Wed 14 Mar '18, 3:01am.
  • BirdOPrey5
    Senior Member
    • Jul 2008
    • 9613
    • 5.6.3

    #2
    Custom coding and design is generally not covered by support but this will get you started.

    In the right column, right click on a post date and choose "Inspect" in Chrome or "Inspect Element" in Firefox or something similar in your browser.

    I get a screenshot like this:

    Click image for larger version

Name:	vb5 date font change.jpg
Views:	150
Size:	243.0 KB
ID:	4387841

    After right clicking you will see the CSS class that determines the attributes of what you clicked on. In this case it's relatively easy- the existing code is:
    Code:
    .post-date {
        font-size: 11px;
        color: #6A6A6A;
    }
    You can easily override this by placing updated code in the css_additional.css template.

    To edit this template enable Site Builder, click on the Style link at the very top of the screen, login if necessary, then click on the CSS Editor option.

    Choose the style whose CSS you want to edit via the drop down box.

    It will be blank if this is the first CSS code you are adding to it, if it's not blank but the new code below all other code.

    Paste in something like

    Code:
    .post-date {
        font-size: 13px;
        font-weight: bold;
    }
    That will increase the size from the original 11px to 13px and make the text bold. Of course use any values you want.

    Repeat for all styles you want to edit.

    That is in general how to customize the look of VB5, especially when a style variable doesn't exist for what it is you want to edit.

    Comment

    • saleh1
      Member
      • Sep 2009
      • 61
      • 3.8.x

      #3
      hello

      I tried using a Google Chrome user and failed
      I need topic titles font size and bold

      Thank you for your help
      Attached Files

      Comment

      • saleh1
        Member
        • Sep 2009
        • 61
        • 3.8.x

        #4
        Originally posted by saleh1
        I found the code
        But the size does not change
        font-weight: bold ok change good

        PHP Code:
        .topic-title {
        font-size40px;
        font-familyArial;
        font-weightbold


        It was a duplicate .topic-title

        Delete duplicate
        Works successfully
        thank you

        PHP Code:
        .topic-title {
            
        font-size20px;
           
        font-familyarial,Helvetica,sans-serif;

        thank you

        Comment

        Related Topics

        Collapse

        Working...