Forums

wordpress theme scrolling problem (10 posts)

  1. johnleebkk
    Member
    Posted 2 years ago #

    i have created a wordpress site at: http://www.kincaidbangkok.com/test/

    as you can see the page content is long, but there is no scroller so the rest of the content can't be seen.

    see the themes codes at: http://drop.io/wpppppp

    and please tell me how can i add a scroller to be able to scroll down and see the rest of the content.

    thanks a lot. :D

  2. krembo99
    Member
    Posted 2 years ago #

    at the time I visited your site there was a scrollbar ..

  3. johnleebkk
    Member
    Posted 2 years ago #

    not the right and left scroller, the content you see is incomplete, there should be a scroller wich you can use to scroll down to the content

  4. johnleebkk
    Member
    Posted 2 years ago #

    ** there is more text after "Yearly General fee" **

  5. krembo99
    Member
    Posted 2 years ago #

    well.. I thought you are talking about the BROWSER scrollbar ...
    YOu actually want a scrollbar INSIDE the coda scroll?

    IMHO, this would look strange... I am sure the author of the theme went to a lot in order to make it WITHOUT scrollbars INSIDE the CODA scroller...

    But if you still want it there , do this :

    in your style.css change

    #page .scrollContainer .panel
    {
    padding: 20px 10px;
    height: 510px;
    width: 740px;
    overflow: hidden;
    }

    to

    #page .scrollContainer .panel
    {
    padding: 20px 10px;
    height: 510px;
    width: 740px;
    overflow-y: auto;
    }

    note that it will probably make a strange effect on the CODA scroller.....

    Maybe you should search for another theme for your content...

  6. johnleebkk
    Member
    Posted 2 years ago #

    thanks a lot

    i fixed that issue, but there is another issue now

    the scroller is abit too long
    how can i make it abit shorter?

  7. johnleebkk
    Member
    Posted 2 years ago #

    move it to the right abit, too

  8. johnleebkk
    Member
    Posted 2 years ago #

    another issue: look at this screenshot: http://img197.imageshack.us/img197/4624/capture11l.jpg

    text will be on top of the dark blue line under "Tuition Fee" i dont want that.

    how can i do it??

    thanks again ( a million )

  9. alchymyth
    The Sweeper
    Posted 2 years ago #

    style.css:
    to prevent the text from showing on the top, and to make the slider shorter, add 'padding-top:10px;'; to move the slider to the right, add 'padding-left:10px;' - so you should have the following:

    #page{
        width:900px;
        margin:0 auto;padding-top:10px;padding-left:10px;
    	background:url(http://www.kincaidbangkok.com/test/wp-content/themes/wp-coda%20blue/images/page_bg.png) 50% 50px no-repeat;
    }

    and also change 510px into 500px:

    #page .scrollContainer .panel{
    			padding:20px 10px;
    			height:500px;
    			width:740px;
    			overflow: auto;
    		}
  10. JulioMedina
    Member
    Posted 1 year ago #

    what can I do to add padding to the bottom?

Topic Closed

This topic has been closed to new replies.

About this Topic