Please help with CSS or html

15 replies
  • WEB DESIGN
  • |
I have an image on my site which is in the widget section on the right side, which I wish to reduce it, because I dont have much content to display below.

How Can I reduce this image :

The site 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.

Any expert help, appreciated.
#css #html
  • Profile picture of the author betterjan
    [DELETED]
    {{ DiscussionBoard.errors[10671039].message }}
  • Originally Posted by seospecial View Post

    I have an image on my site which is in the widget section on the right side, which I wish to reduce it, because I dont have much content to display below.

    How Can I reduce this image :

    The site 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.

    Any expert help, appreciated.
    Hi..
    I visit your site and there i see image, you talking about to reduce little, There i see you give specific height of "800px" to frame, Inspect element this image and there you can see the height of frame. Reduce the height and go to Custom Css and put that desired one. Like

    #text-4 .frame {height550px !important;}

    And also you can shift the content to left by adding css;
    #text-4 .linklist {left: 790px !important;}

    I think it will help you.
    Thanks.
    {{ DiscussionBoard.errors[10671899].message }}
  • Profile picture of the author seospecial
    Are you saying that I have to search in the WP blog or my cpanel folder ?

    My wordpress blog widget says 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>
    {{ DiscussionBoard.errors[10673271].message }}
    • Originally Posted by seospecial View Post

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

      My wordpress blog widget says this :
      Hi,

      Go to Dashboard > Appearance > Editor > style.css

      Just put below css in above mentioned style.css folder

      #text-4 .frame {height550px !important;}
      #text-4 .linklist {left: 790px !important;}

      Thanks
      {{ DiscussionBoard.errors[10674787].message }}
      • Profile picture of the author seospecial
        Originally Posted by creativeartmarketing View Post

        Hi,

        Go to Dashboard > Appearance > Editor > style.css

        Just put below css in above mentioned style.css folder

        #text-4 .frame {height550px !important;}
        #text-4 .linklist {left: 790px !important;}

        Thanks
        Thanks, I could manage to take the text to left as you mentioned, however the image is not become smaller yet.

        Actually I wanted it to be displayed same like on this site :
        medschool.vanderbilt.edu

        Please check, the way the background image moves and size, how can I do that?
        {{ DiscussionBoard.errors[10674832].message }}
  • Profile picture of the author betterjan
    [DELETED]
    {{ DiscussionBoard.errors[10678617].message }}
  • Profile picture of the author ibrahimhamza


    Do you want remove the rad color place???

    Just pest the code in your style.css file


    .container .column, .container .columns {
    display: inline;
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    }

    I hope your problem will solved.
    {{ DiscussionBoard.errors[10684633].message }}
    • Profile picture of the author seospecial
      Originally Posted by ibrahimhamza View Post



      Do you want remove the rad color place???

      Just pest the code in your style.css file


      .container .column, .container .columns {
      display: inline;
      float: left;
      margin-left: 0px;
      margin-right: 0px;
      }

      I hope your problem will solved.
      Thanks for your reply.

      actually I wanted the right hand section of "News Center & Events"
      just like it is there on this site :
      medschool.vanderbilt.edu

      But on my site, the height is too much, how to do that ?
      {{ DiscussionBoard.errors[10684639].message }}
  • Profile picture of the author ibrahimhamza
    [DELETED]
    {{ DiscussionBoard.errors[10684683].message }}
  • Profile picture of the author justin56
    [DELETED]
    {{ DiscussionBoard.errors[10684735].message }}
    • Profile picture of the author seospecial
      Originally Posted by justin56 View Post

      You can guide me here, I will be grateful, thanks.
      Are you talking to me about my query ?
      Guide you about what ?
      {{ DiscussionBoard.errors[10684840].message }}
  • {{ DiscussionBoard.errors[10685430].message }}
    • Profile picture of the author seospecial
      Originally Posted by ibrahimhamza View Post

      Is your problem solved???
      Hi,

      I have other query, here : chinambbs.org

      Check the bottom facebook fan page widget, do you know how to make that box longer ?
      {{ DiscussionBoard.errors[10742048].message }}
      • Profile picture of the author ibrahimhamza
        Originally Posted by seospecial View Post

        Hi,

        I have other query, here : chinambbs.org

        Check the bottom facebook fan page widget, do you know how to make that box longer ?

        Hi seospecial,

        please open your theme stylesheet and copy pest the code

        stylesheet.css (copy and pest the code line 1295 )


        .bottombgOuter {
        border: 1px solid #cec799;
        height: 415px;
        margin: 20px;
        padding: 5px 5px 25px;
        width: 912px;
        }

        stylesheet.css ( copy and pest the code line 1283)

        .bottombg {
        background: white none repeat scroll 0 0;
        color: #603e3e;
        font-family: tahoma;
        font-size: 12px;
        height: 100%;
        line-height: 140%;
        margin: 0;
        padding: 20px 20px 0;
        width: 872px;
        }


        stylesheet.css (copy and pest the code line 1303)

        .left_bottom_box {
        float: left;
        margin-right: 25px;
        text-align: justify;
        width: 405px;
        }

        I hope your problem will solved or you can contact me skype .: My skype ID is : abirhassain .Don't worry
        {{ DiscussionBoard.errors[10742293].message }}
        • Profile picture of the author seospecial
          Originally Posted by ibrahimhamza View Post

          Hi seospecial,

          please open your theme stylesheet and copy pest the code

          stylesheet.css (copy and pest the code line 1295 )


          .bottombgOuter {
          border: 1px solid #cec799;
          height: 415px;
          margin: 20px;
          padding: 5px 5px 25px;
          width: 912px;
          }

          stylesheet.css ( copy and pest the code line 1283)

          .bottombg {
          background: white none repeat scroll 0 0;
          color: #603e3e;
          font-family: tahoma;
          font-size: 12px;
          height: 100%;
          line-height: 140%;
          margin: 0;
          padding: 20px 20px 0;
          width: 872px;
          }


          stylesheet.css (copy and pest the code line 1303)

          .left_bottom_box {
          float: left;
          margin-right: 25px;
          text-align: justify;
          width: 405px;
          }

          I hope your problem will solved or you can contact me skype .: My skype ID is : abirhassain .Don't worry
          Thanks, I changed what you sent, but it seems the same, I dont use skype. Actually I have this css here:

          Code:
          .images img { margin:10px 5px; }
          .bottombg{ 
          background:url(images/bottombg.jpg) repeat-x; 
          height:100%; 
          width:872px;
          padding:20px 20px;
          margin: 0 0 0 0;
          color:#603E3E;
          font-size:12px;
          line-height:140%;
          font-family:tahoma;
          -moz-border-radius:5px;
          }
          .bottombgOuter{
          border:#CEC799 1px solid;
          height: 415px
          padding:5px 5px 5px 5px;
          width:912px;
          margin: 20px 0 0 26px;
          -moz-border-radius:5px;
          } 
          
          .left_bottom_box { width:405px; float:left; margin-right:25px; text-align:justify;  }
          .right_bottom_box { width:405px; float:left; border-left:#EAE6CE 1px solid; padding-left:30px; text-align:justify;
          }
          {{ DiscussionBoard.errors[10743133].message }}
  • Profile picture of the author LoraG
    Ithink it is because she did not reply and even thanked)
    Can I ask you for help too??
    {{ DiscussionBoard.errors[10685666].message }}
    • Profile picture of the author seospecial
      Originally Posted by ibrahimhamza View Post

      Is your problem solved???
      No, its still the same, dont know why.



      Originally Posted by LoraG View Post

      Ithink it is because she did not reply and even thanked)
      Can I ask you for help too??
      Who Are you ?
      {{ DiscussionBoard.errors[10685948].message }}
      • Profile picture of the author shuhan059
        Originally Posted by seospecial View Post

        No, its still the same, dont know why.





        Who Are you ?
        Hi , You can try this . May it will help .

        Go to dashboard > appearance > editor > style.css

        paste this code

        .frame {
        height: 600px !important;
        overflow: hidden;
        width: 330px;
        border-radius: 6px;
        }

        update the file .

        then delete all histories of your browser and chaeck the site again .

        Thanks.
        {{ DiscussionBoard.errors[10687075].message }}
        • Profile picture of the author seospecial
          Originally Posted by shuhan059 View Post

          Hi , You can try this . May it will help .

          Go to dashboard > appearance > editor > style.css

          paste this code

          .frame {
          height: 600px !important;
          overflow: hidden;
          width: 330px;
          border-radius: 6px;
          }

          update the file .

          then delete all histories of your browser and chaeck the site again .

          Thanks.
          I did this, cannot see the change, Can you see it?
          {{ DiscussionBoard.errors[10687381].message }}

Trending Topics