Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • luke66 Friend
    #182231

    I would like to modify the JA Slideshow Lite so as to eliminate extra space above and change the image size from the default 460×400. See attached for details:


    1. slideshowmod
    luke66 Friend
    #472887

    I have fixed the space issue after a few tries. It boils down to editing the file /templates/ja-brisk/css/themes/template.css and editing line 2653 to:

    .ja-slideshow .container {
    padding: 10px 0 0; <-- Changed from padding: 60px 0 0;
    }

    The image size is still outstanding. Any help will be appreaciated. Thanks

    luke66 Friend
    #472901

    Never mind, I solved it.:)

    gabrielanta Friend
    #473991

    Hello,

    I also want to reduce the vertical space between the logo and the line on the bottom of the menus.

    Thanks

    Jason Hill Friend
    #474024

    While I am quite new to LESS and there may be a better way to go about it, the following should work.

    Edit templates/ja_brisk/less/style.less
    Line 12
    padding-bottom: @BaseLineHeight;
    change to
    padding-bottom: 0; (or whichever height you desire)

    gabrielanta Friend
    #474055

    Thanks, but it does not work for me.
    Could it be because of the cache of my site? Or maybe I did not explain myself correctly?

    I send a picture of what I need:


    1. joomlart-forum
    br3n7 Friend
    #476069

    <em>@luke66 346175 wrote:</em><blockquote>I have fixed the space issue after a few tries. It boils down to editing the file /templates/ja-brisk/css/themes/template.css and editing line 2653 to:

    .ja-slideshow .container {
    padding: 10px 0 0; <-- Changed from padding: 60px 0 0;
    }

    </blockquote>

    Just in case the change is overwritten by a future update, it might be better to add into: /templates/ja_brisk/css/custom.css

    .ja-slideshow .container {
    padding-top: 10px !important; }

    br3n7 Friend
    #476072

    To tighten up the whole page I also added to custom.css …

    .ja-sl {
    padding-bottom: 10px !important;
    padding-top: 10px !important; }

    .ja-sl-1 h3.sl-title {

    margin-bottom: 10px !important;
    padding-bottom: 10px !important; }

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

This topic contains 8 replies, has 4 voices, and was last updated by  br3n7 11 years, 11 months ago.

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