[Andra]

First, gorgeous template, Theme Horse! Two questions:

1) My site title is BrandName TM. TM is the trademark symbol. How can I reduce the TM symbol to a smaller font than BrandName?

2) How can I code the slider image so that a user can click on the image and be taken to the linked page? Right now a user would click the Read Me icon, but the impulse is for users to click on the image instead.

Thank you!

[Theme Horse Support Team]

Hi Andra,

1) You cannot add any tag in the site title. So, it is not possible better you can try uploading images rather than site title.

2) Sorry its already there. User can click on the image and it will take you to the linked page. To link an image to a specific page you have to customize the code or you need to hire a developer.

Thank you!

[Andra]

Thank you, you’re right about clicking on the slider image.

For the site title, let me phrase the question a different way. Your theme already displays BrandName TM. Surprising, but it worked. However, I’d like BrandName to display in the usual font, while TM displays in a smaller font.

Where could I change the code to accomplish this? Thank you– Andra

[Theme Horse Support Team]

Hi Andra,

If you like direct changes in the code for site title then goto theme folder -> library-> structure-> header-extension.php on line no184 to 192 remove previous code and add this below code

<div id="site-logo" class="clearfix">
          <?php if(is_home() || is_archive() || is_search() || is_page_template( 'page-template-corporate.php' ) || is_page_template( 'page-template-gallery-four-column.php' ) || is_page_template( 'page-template-gallery-three-column.php' ) || is_page_template( 'page-template-gallery-two-column.php' ) || is_page_template( 'page-template-blog-image-large.php' ) || is_page_template( 'page-template-blog-image-medium.php' ) || is_page_template( 'page-template-blog-full-content.php' ) ){?>
				<h1 id="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?> <sup> TM</sup></a></h1>
				<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
                <?php } else { ?>
				<h3 id="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?> <sup> TM</sup></a></h3>
				<h4 id="site-description"><?php bloginfo( 'description' ); ?></h4>
				<?php } ?>
			</div><!-- #site-logo -->

Note: If you made direct changes in the code then while updating to new version all your customized code will be lost. So better make a child theme and add the above code. If you are unable to do it then make direct changes in the code and each and everry time you update to new theme then same customization you have to do.

After that add below code inside dashbaord -> appearance-> customize -> design options -> custom css

sup {
    font-size: 16px;
    bottom:23px;
}

Thank you!

[Author]

Posts