Help with font codes

  • newburghnews

    (@newburghnews)


    4 years ago

    I am trying to edit the PHP file of a theme to change the font styles inside my post. I don’t want to change it in Appearance because it messes with other parts of the site.

    I’d like to change the post headline to Arial Black.

    I’d also like to change the byline, post date, comments number, and the post content to Times New Roman.

    My original code is below. Thank you in advance for your help. I’ve been trying to do this for hours, but nothing I’m doing is working.

    HERE IS MY HEADLINE/BYLINE/DATE/COMMENT CODE:

    <h1><?php the_title(); ?></h1>
    <div class=”author-detail”>
    post_author ) ); ?>”>
    <i class=”far fa-user”></i>
    <?php echo “<b> By ” ?>
    <?php echo esc_html( bizberg_get_display_name( $post ) ); ?>
    <?php echo “</b>” ?><br>

    /<?php echo esc_attr( date( ‘Y/m’ , strtotime( get_the_date() ) ) ); ?>”>
    <i class=”far fa-clock”></i>
    <?php echo esc_html( get_the_date() );?><br>

    #respond”>
    <i class=”far fa-comments”></i>
    <?php echo absint( get_comments_number() ); ?>
    </div>

    HERE IS MY CONTENT CODE:

    <div class=”item-content”>
    <div class=”col-sm-10 col-sm-offset-1″>
    <div class=”item-wrapper” id=”content”>
    <div class=”item-detail”>
    <?php the_content(); ?>
    </div>
    <div class=”item-tags”>
    <?php
    if( has_tag() ){
    echo ‘<div class=”tag-cloud-wrapper clearfix mb-40″>
    <div class=”tag-cloud-heading”>’ . esc_html__( ‘Tags :’ , ‘bizberg’ ) . ‘ </div>
    <div class=”tagcloud tags clearfix mt-5″>’;
    the_tags(”,”,”);
    echo ‘</div>
    </div>’;
    }
    ?>
    </div>

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

Viewing 1 replies (of 1 total)
  • Moderator threadi

    (@threadi)

    4 years ago

    You are using the Bigberg theme: https://wordpress.org/themes/bizberg/

    In its free version you can adjust the font sizes of e.g. headlines via the Customizer. There you find the options under General Settings > Typography > Headings.

    The theme also recommends the use of Elementor, where you would have many more such options.

    Independently of that, you can also customize the style via Addition CSS. The codes you’ve shown don’t help much here, since it’s about the HTML code that is generated in the browser. If you want to adjust the h1 heading for example, you can do that with the following code:

    h1:not([class^="elementor-"]):not(.banner-title), .breadcrumb-wrapper h1 { font-family: Arial; }

    You can also find out the necessary codes in the developer tools of your browser, see also:
    https://developer.mozilla.org/en/docs/Tools
    https://developer.chrome.com/docs/devtools/

    If you are using the Pro version of the theme you are using, I would ask you to contact their support, as commercial products are not supported here in the forum. There you would get in any case a suitable answer to your theme.

Viewing 1 replies (of 1 total)

The topic ‘Help with font codes’ is closed to new replies.