customizing the hanamoto theme

  • Resolved Lin Sp

    (@lin-sp)


    11 years, 7 months ago

    I love the overall theme. It’s simple and elegant. But I’d like to personalize it a little and I don’t know how. I do know HTML and CSS, but I’m not sure which code is pertinent to the things I’d like to alter because I didn’t write the code myself. Here’s a list of what I’d like to change:

    1. Put a banner at the top with my logo and blog name.
    2. Get rid of the text heading of my blog name because I don’t want redundancy.
    3. Turn off the slide show so it doesn’t run automatically. I’d like the viewer to be able to turn it on if they want to run it. If I can’t do that, I’d like them to just click on each thumbnail to see the larger image. In either case, how do I add the instructions for what they need to do?
    4. Change the font & color for the post titles. And match the color of rest of the text that currently is the same as the title color, again for consistency.

    Thanks for any help anyone can give me.

    Linda

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author malvouz

    (@malvouz)

    1. Open header.php

    Look at

    <div class="container">
				<div id="page" class="row">

    put this code after that code

    <div class="span12">
			<img src="your banner">
					</div>

    I recommended with width 940px.

    2. Open header.php. Deleted all code inside span4. (Like you said, I guest you understand HTML and CSS)

    3. Open inc/theme-functions.php

    At very bottom find this code

    <script type="text/javascript">

    jQuery(window).load(function(){
      jQuery('.flexslider').flexslider({
        animation: "slide",
        controlNav: "thumbnails",
        start: function(slider){
          jQuery('body').removeClass('loading');
       		var slide_control_width = 100/<?php echo $number; ?>;
    		jQuery('.flex-control-nav li').css('width', slide_control_width+'%');

        }
      });
    });
  </script>

    Change to

    <script type="text/javascript">

    jQuery(window).load(function(){
      jQuery('.flexslider').flexslider({
        animation: "slide",
        controlNav: "thumbnails",
slideshow: "false"
        start: function(slider){
          jQuery('body').removeClass('loading');
       		var slide_control_width = 100/<?php echo $number; ?>;
    		jQuery('.flex-control-nav li').css('width', slide_control_width+'%');

        }
      });
    });
  </script>

    4. You have to go to css/bootstrap.css, all font that you want to change is there.

    If you like, please mark question as solved, and rate this theme. ??

    Thread Starter Lin Sp

    (@lin-sp)

    Thank you.

    Cheers,

    Linda

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘customizing the hanamoto theme’ is closed to new replies.