Need help with html and CSS

I have an image on my site, which I wish to reduce it, because I dont have much content to display.

How Can I reduce this image :



The site its located is shiheziuniversity . com. If you see on the site, this image is much longer.

I also want the whole text to be shifted a little on the left side.

 

There ia sa class called

.frame {

1. height: 800px;

}
change height 800 to 750px

 

Are you saying that I have to search in the wordpress blog or my cpanel folder ?

My widget section shows this :

<div class="zoomin frame">
    <img src="http://www.shiheziuniversity.com/wp-content/uploads/2015/03/door1.jpg" title="Shihezi University" />
    <div class="linklist">       
        <h1>Prospective Students and Trainees</h1>
        <ul id="linklist_main_ul">
            <li>
                <a href="#">News</a>
                <div>
                    <ul>
                        <li><a href="http://www.shiheziuniversity.com/2011/09/05/indian-students-arrive-in-shihezi-university-to-study-mbbs/">Indian students arrive in University</a></li>
                        <li><a href="http://www.shiheziuniversity.com/2012/05/20/indian-students-celebrate-diwali-in-shihezi-university/">Students Celebrate Diwali Festival</a></li>
                        <li><a href="http://www.shiheziuniversity.com/2013/10/26/festival-season-in-shihezi-university/">Festival Season in Shihezi University</a></li>
                        <li><a href="http://www.shiheziuniversity.com/2014/09/05/final-list-of-students-for-october-2014-mbbs-degree-course/">Final List of 2014 MBBS Students</a></li>
                        <li><a href="http://www.shiheziuniversity.com/2015/05/13/admissions-to-study-mbbs-degree-course-opens-now/">Study MBBS Degree Course</a></li>
                        <li><a href="http://www.shiheziuniversity.com/2015/09/03/indian-students-enrolled-for-mbbs-october-2015-semester-batch/">Final List of 2015 MBBS Students</a></li>
                       </ul>
                </div>
            </li>
            <li>
                <a href="#">MD Dual Degree</a>
                <div>
                    <ul>
                        <li><a href="#">Link2</a></li>
                        <li><a href="#">Link2</a></li>
                        <li><a href="#">Link2</a></li>
                        <li><a href="#">Link2</a></li>
                        <li><a href="#">Link2</a></li>
                        <li><a href="#">Link2</a></li>
                    </ul>
                </div>
              </li>
            <li>
                <a href="#">Master's Degree</a>
                <div>
                    <ul>
                        <li><a href="#">Link2</a></li>
                        <li><a href="#">Link2</a></li>
                        <li><a href="#">Link2</a></li>
                        <li><a href="#">Link2</a></li>
                        <li><a href="#">Link2</a></li>
                        <li><a href="#">Link2</a></li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">PhD</a>
                <div>
                    <ul>
                        <li><a href="#">Link2</a></li>
                        <li><a href="#">Link2</a></li>
                        <li><a href="#">Link2</a></li>
                        <li><a href="#">Link2</a></li>
                        <li><a href="#">Link2</a></li>
                        <li><a href="#">Link2</a></li>
                    </ul>
                </div>
            </li>
             <li>
                <a href="#">Clinical Doctorate</a>
                <div>
                    <ul>
                        <li><a href="#">Link2</a></li>
                        <li><a href="#">Link2</a></li>
                        <li><a href="#">Link2</a></li>
                        <li><a href="#">Link2</a></li>
                        <li><a href="#">Link2</a></li>
                        <li><a href="#">Link2</a></li>
                    </ul>
                </div>
            </li>
            <li><a href="#">Postdoctorate</a></li>
            <li><a href="#">Residency</a></li>
           </ul>
    </div>
</div>

Code (markup):

 

In WordPress you should have a .css file where are the rules for styling. . frame is a rule for staling the class "frame".

Don't you thinks you should know what CSS is before jumping in creating websites?

 

Yes you are right, frankly I am not much aware of the CSS, since I hire and fire employees who do that work. Now that is the reason I am asking here, because currently I have fired my guy for his mistakes.

 

You can easily look for a freelance designer to done it for you with a small fee.

 

Well I did that too and that is why I am stuck with such a stupid situation. Infact I even paid that bugger here from DP, but he is the one who didnot finish the work and left it half the way. Sometimes I really hate people who behave unprofesssional and boast themselves so much, before getting the money.

 

Well fire your self now, losing your last employee capable to do something with a website... So now we should support incompetent people to fire web designers??

If it's so easy - hire another one.

 

sad to hear that. you can try Envato market, where there is alot of professional web design who take job at good pricing

 

Can't see an image in the HTML-code. My guess'd be that there is a background image in the div under the "zoomin frame" class. You find it in the CSS you should be able to tweek it with the, hopefully, already written code.

 

Yes I did, and that is fun of hiring and firing, too much competition around with some good talent. But I cannot pamper someone who has made a mistake, especially not web designers.

 

I REALLY don't care

start learning CSS or be a good business owner - you can learn that too

 

Who cares about what you "care"

Anyways, if you cant help, and can't reply with a solution for the thread, kindly buzz off....

 

The guy above helped you enough. I helped you enough. But you just can't understand! So I'm helping you saying:

You start to read either about web design or about business! Cause you know nothing about the both!

And hold your nerves! You are nothing.

 

Look up css tutorials on youtube some great free information to help you learn css try using % instead of pix so your site is mobile friendly

 

I find it disturbing that you brag about firing people just as much as you do hiring them. If you don't understand this stuff then how can you understand when your coder makes a mistake in the first place? If you have money for it there are thousands of great developers/designers who can help you, but if you're always looking to get the cheapest rate then you're always going to be hiring/firing because a skilled developer will never work for pennies. Good luck to you.

 

Hire someone quickly! If you don't know much about Css and Html you can crater your site or at the very least screw it up. Of course there are plenty of resources out there where you can learn to code if that is something that really interests you.

 

Normally I would say use background-size for the mobile version, but for some jacktard reason you have that presentational image in the markup as a IMG tag... something of a no-no... but the entire codebase is the convoluted train wreck of how NOT to build a website so common to turdpress templates, that the hodge-podge of different developer styles and outright ignorance of HTML and accessibilty norms that resulted is hardly a surprise.

Especially if you're hiring/firing your dev's willy-nilly.

Looking at the site, my advice would be to take a page out of Ellen Ripley's playbook. Nuke the site from orbit, it's the only way to be sure! I mean you know it's rubbish when it's vomiting up 58k of markup to deliver 3k of plaintext and maybe a dozen content images -- six or seven times what should be needed for such a simple page!

 

You are using WordPress, simply Go to the Admin > Appearance > Edit CSS > Past the Code

 

This is easy to do with html but you should use irFANview or GIMP to crop the picture as the html code will distort your image. Taking the shortcut isn't always the best way to go.