Stylesheet help for a Layman

Discussion in 'HTML & Website Design' started by louiep, Oct 28, 2013.

  1. #1
    Hi, I have no background in programming and I am trying to change the look of a wordpress theme which I am trying to use for my website.

    The theme name is hero and it's available here: http://wordpress.org/themes/hero

    Problem: I am facing the following problems
    1) Unable to remove the "Download Now" button which is visible in the middle of the page.
    2) Unable to remove "Read More" buttons for the slider images and also the ones below (3 of them)

    Will anyone please help me on how I can fix this. Thank you!
     
    louiep, Oct 28, 2013 IP
  2. gregdbowen`

    gregdbowen` Member

    Messages:
    26
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    33
    #2
    You can add style="display: none;" to elements that you want to go away. for example:
    <a href="http://google.com" style="display: none;">Google</a>
    Code (markup):
    If there is already a style attribute, just add it to the list of other styles.

    Better answer, modify the template with the editor to remove the button completely.

    Best answer - Learn the basics of HTML. It is not hard and will prove invaluable if you are planning on making your own websites.
     
    gregdbowen`, Oct 28, 2013 IP
  3. louiep

    louiep Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #3
    I just want to edit this one since I'm trying to make one website and one only. I don't understand the first 2 answers. The third one, I've tried... i tried searching "read more" in all the php files and couldn't find it.
     
    louiep, Oct 28, 2013 IP
  4. Champ Themes

    Champ Themes Greenhorn

    Messages:
    7
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    23
    #4
    In your front-page.php, find and remove all of the following.

    For the download now button remove <div class="one_third last"><?php if(of_get_option('welcome_button') != NULL){ ?>
    <a class="button large" href="<?php if(of_get_option('welcome_button_link') != NULL){ echo of_get_option('welcome_button_link');} ?>"><?php echo of_get_option('welcome_button'); ?></a>
    <?php } else { ?> <a class="button large" href="<?php if(of_get_option('welcome_button_link') != NULL){ echo of_get_option('welcome_button_link');} ?>"> <?php echo "Download Now!" ?></a> <?php } ?></div>

    For the read more button on the slides remove <span class='read-more-slide'> <a href='<?php echo of_get_option('slider_link'.$i); ?>'><?php _e( 'Read More', 'Hero' ); ?></a></span> also <a href="">Read More</a>

    And for the 3 read me below, you need to remove <span class="read-more"><a href="<?php echo of_get_option('box_link' . $i); ?>"><?php _e('Read More' , 'Hero'); ?></a></span>
    also <a href="">Read More</a>


    Now for your styles remove the following and all associated from style.css

    .one_third .last
    .read-more-slide
    .read-more
     
    Last edited: Oct 28, 2013
    Champ Themes, Oct 28, 2013 IP