Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • 7of9 Friend
    #186921

    Hi,

    Could you please let me know what do I need to change in the css, in order to increase the width and height of the logo and the width of the side bar?

    Thanks in advance! 🙂

    HeR0 Friend
    #490622

    Hi 7of9,

    You could find out css rule to set width of logo and sidebar in templates/ja_wall/css/template.css and templates/ja_wall/css/layout.css files

    .logo-image h1 a {
    background: url(../images/logo.png) no-repeat 0px 0px;
    display: block;
    text-indent: -999em;
    width: 79px;
    }

    #sidebar {
    margin-left: -120px;
    position: fixed;
    top: 70px;
    width: 120px;
    }

    That is the place you could increase width for logo and sidebar blocks. However, you need to make sure that the value of width does not cause other issue on your site .
    <em>@7of9 369654 wrote:</em><blockquote>Hi,

    Could you please let me know what do I need to change in the css, in order to increase the width and height of the logo and the width of the side bar?

    Thanks in advance! :-)</blockquote>

    7of9 Friend
    #490924

    Hi,

    Thanks for your reply.
    Changing the sidebar width results to content / sidebar overlapping, since the content is not moved to the right.
    Also the menu’s width is not increased. Please check it here: http://stigmacom.stigma-com.gr/index.php/en/

    Please advice.

    Wall Crasher Developer
    #490994

    Hi 7of9,

    Here the thread about change the logo size. You can take a look.
    http://www.joomlart.com/forums/topic/color-block-how-do-i-enlarge-the-space-for-the-logo/

    For the sidebar, please take reference here:
    http://www.joomlart.com/forums/topic/increase-the-width-of-the-sidebar/

    Hope it helps.

    Regards

    giuliano m Friend
    #511737

    thanks for the help

    But how can I fix the text of the sidebar


    1. Screenshot_1
    Wall Crasher Developer
    #511903

    Hi giuliano m,

    Please open templatesja_wallcsstemplate.css and modify these style at around line 1423. Please change the max-width value to match your need.


    /* Sidebar Nav */
    #sidebar .menu li a {
    border-radius: 3px;
    color: #999
    display: inline-block;
    line-height: normal;
    max-width: 100px;
    overflow: hidden;
    .....
    }

    Regards

    giuliano m Friend
    #512275

    Hi Wall Crasher and thanks for your reply 🙂

    maybe I’m wrong but the result is this


    1. Screenshot_8
    Wall Crasher Developer
    #512298

    Hi giuliano m,

    Did you change the max-width value?
    After making changes, please clear system cache and your browser cache.

    Also, please provide your site link so I could take a look.

    Regards

    giuliano m Friend
    #512443

    I sent you a private message with link.

    thanks for the help 🙂

    Wall Crasher Developer
    #512514

    Hi giuliano m,

    Please put your site online and I will check the problem. I can not check anything right now.

    As far I follow the thread, I can get the sidebar work as in this image.

    http://www.clipular.com/c?6649290327851008=sF4Oh8aUnnWZSqvK21tnaBI0Iyc&f=.png

    Please clear the browser cache and system cache after you change something.

    Regards

    giuliano m Friend
    #513202

    everything perfect, just that I was wrong not to modify the file in this path. templates/ja_wall/themes/retro/css/theme.css

    Thx Wall Crasher

Viewing 11 posts - 1 through 11 (of 11 total)

This topic contains 11 replies, has 4 voices, and was last updated by  giuliano m 10 years, 6 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum