Okay
  Public Ticket #1521350
Muziq Theme - HTML one
Closed

Comments

  • Richard started the conversation
    March 28, 2018 at 2:57pm

    Hi,

    I notice  in the code for the blog that it should be opening a page dynamically using Ajax, is that correct?

    <section class="section news-window">
     <div class="news-content"></div><!-- AJAX Dynamic Content -->
    </section>

    Is that right? I dont see it working on the demo.


    Thanks

    Siggles



  •  850
    Jelly replied
    March 28, 2018 at 8:19pm

    Hello,

    Please try adding open-new CSS class to Read more link. Like this:

    <a href="blog-post.html" class="btn rounded open-new" data-url="new-01.html">Read more</a>

    Best Regards,
    Jelly Team

  • Richard replied
    March 29, 2018 at 1:22pm

    Thanks. I used your code, chaning it to "news/new-01.html" as well in the data-url property but it still didnt really do anything other than change the button to Read More and then Read Less. Im not too sure what it is meant to do.

    One other issue I have come across is the displaying of the text when you mouse over an artisit (when viewing from a smaller screen - ie a lptop) and the layout of the gigs on smaller screens (columns dont align). But I'll work on that.

    Overall I am very happy with the theme - my only critism maybe is to have better documentation for some of the interacive bits (Ie, the Javascript stuff).

    I'm close to getting a site up online - demo here if you are interested...

    http://www.richhosting.co.uk/badgirls/

    Thanks


  •  850
    Jelly replied
    March 29, 2018 at 3:39pm

    Hello,

    Read More wasn't finished so please use a standard way to link posts.

    the displaying of the text when you mouse over an artisit 

    There is a limitation on text height, so you should remove part of it. Please check the demo.

    the layout of the gigs on smaller screens (columns dont align)

    To fix this issue please add this to main.css:

    @media (min-width: 768px) {
    .upcomming-events-list li .venue {
        text-align: left;
}
}

    After find:

    .upcomming-events-list li .venu {
...
padding: 19px 35px 28px 35px;
text-align: center;
/* text-align: left; */ /* comment this line */
}


    Best Regards,
    Jelly Team

  • Richard replied
    April 16, 2018 at 6:08pm

    That code is not in main.css...

    Just the below...

    @media (min-width: 768px) {
        .upcomming-events-list li .venue {
            border-left: 1px solid rgba(43, 43, 43, 0.9);
            border-right: 1px solid rgba(43, 43, 43, 0.9);
            max-width: 312px;
        }
    }

  • Richard replied
    April 16, 2018 at 6:09pm

    And this


    .upcomming-events-list li .venue {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 500;
        padding: 19px 35px 28px 35px;
        text-align: center;
    }

  • Richard replied
    April 16, 2018 at 6:16pm

    You can find an example of the formating issue if you go here - http://www.richhosting.co.uk/badgirls


    On a laptop, the columns dont align, See screenshot...


    Example Screenshot

  •  850
    Jelly replied
    April 17, 2018 at 9:26am

    Hello,

    Find main.css line 3829:

    @media (min-width: 768px) {
  .upcomming-events-list li .name {
    max-width: 360px; /* change to */ max-width: 300px;
    text-align: left;
  }
}

    My mistake. Instead of

    .upcomming-events-list li .venu {
...
padding: 19px 35px 28px 35px;
text-align: center;
/* text-align: left; */ /* comment this line */
}

    You should search for

    .upcomming-events-list li .venue {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  padding: 19px 35px 28px 35px;
  text-align: center;
/* text-align: left; */ /* comment this line */
}

    Best Regards,
    Jelly Team