Okay
  Public Ticket #2094947
Spacing issues with coding
Closed

Comments

  • Natasha started the conversation
    July 26, 2019 at 12:47pm

    Item Purchase Code:

    dc2049af-ff7d-441b-8ebc-2cb1c716a4b8


    I need to know how to get help for some coding spacing issues. I am not great with code however I know how to navigate it a bit.

  •  850
    Jelly replied
    July 26, 2019 at 2:15pm

    Hello,

    Please send us a screenshot of the problem so we can help.

    Best Regards,
    Jelly Team

  • Natasha replied
    July 29, 2019 at 2:54pm

    Hi, 

    Thank you for your quick reply! Much appreciated.

    I've pasted below the link I'm trying to work on so you can see what I'm trying to do. 

    http://content.travel2.com/newsletter/2019/08_august_19/index.html 

    Firstly, I want to remove the carousel functionality on the header so that it's one static image and one static title. Currently the carousel is trying to work so it's making the header jump around a bit.

    The rest of the issue I am having are written on the attached screenshot. Please let me know if you can help me with any of them.

    Thank you.

  •  850
    Jelly replied
    July 30, 2019 at 1:36pm

    Hello,

    Carousel. Please go to /js/default.js:193 and add false to

    autoPlay: false;
slideSpeed: false

    Spacing. Try adding this code to storm.css with lower values:

    .container {padding-top: 140px;}
.section .jt_row {padding-bottom: 140px;}

    Image. Instead of your code please add this:

    <div class="col-md-6 jt_col column_container" style="
    ">
    <div class="item" style="
        background: url(images/brrecycled.jpg) no-repeat;
        height: 779px;
        background-size: cover;
    "></div>
    </div>

    Line this https://tppr.me/Wxlyu

    For second image:

    <div class="col-md-6 jt_col column_container" style="
    ">
    <div class="item" style="
        background: url(images/ootm.jpg) no-repeat;
        height: 779px;
        background-size: cover;
    "></div>
    </div>

    Getting to Know space:

    .about-us .sub-title {margin-top: 100px;}

    Campaigns space:

    .portfolio-grid {margin-top: 50px;}

    Best Regards,
    Jelly Team

  • Natasha replied
    July 31, 2019 at 9:38am

    Hi,

    Thank you so much for helping me.

    I have tried to apply the fixes you've offered and most of them have been great. Just a few more things:

    On the header, the image has stopped jumping but the text has not. Are you able to let me know where I can get that to stop too? 

    The space in between the INTRO section and the WHAT'S NEW? section is still quite large. How do I decrease this? I've attached a screenshot called 'spacing'. This is the same issue with the space between the HEADLINE CAMPAIGNS section and the INCENTIVES section. 

    The space between the CAMPAIGNS title and actual images below it is still a bit too deep. How do I decrease this?

    Thank you. 

  •  850
    Jelly replied
    August 1, 2019 at 8:39am

    Are you able to let me know where I can get that to stop too? 

    Ah yes, sorry. Please go to /js/default.js:180 and add false to

    autoPlay: false;
slideSpeed: false

     INTRO section and the WHAT'S NEW

    Please use this code

    .section .jt_row {
    padding-bottom: 100px;
}

    You can try even lower value.

    HEADLINE CAMPAIGNS section and the INCENTIVES section

    .blog-posts {
  padding-top: 0px;
}

    Please note that with these changes images in GETTING TO KNOW T2 and OFFER OF THE MONTH can be too big for their container. So please lower their height as well: height: 779px;

    CAMPAIGNS title and actual images 

    Please use lower value in

    .portfolio-grid { margin-top: 30px; }

    Best Regards,
    Jelly Team

  • Natasha replied
    August 6, 2019 at 8:59am

    Hi there,

    Please find attached exactly how I am trying to get this layout to look. I have designed this on Photoshop for approval purposes with my manager and the layout and structure is now signed off. 

    Is there any way you can help me get it to this stage? I've also attached the layout of the blog.html page that we need done too. This would be all we would need. 

    The content is all fine for me to enter it's just mainly spacing issues I can't seem to fix. 

    This is how it looks right now: http://content.travel2.com/newsletter/2019/08_august_19/index.html

    I seem to have done something to the 'What's New?' header and half of it at the top is cut off - do you know how to fix this?

    I would be more than happy to send you my files for you to have a look at what I've done wrong, if that is something you'd be able to do!

    Really appreciate your help on this. You have been amazing. 

    Thanks, Natasha 

  •  850
    Jelly replied
    August 7, 2019 at 11:57am

    Unfortunately, we cannot provide full template customization as part of Support Subscription: https://themeforest.net/page/item_support_policy (What's not included in item support).

    I seem to have done something to the 'What's New?' header and half of it at the top is cut off - do you know how to fix this?

    Please find "h3 .title.thin" element and remove https://tppr.me/ceZP6

    Best Regards,
    Jelly Team

  • Natasha replied
    August 8, 2019 at 3:41pm

    Hi there,

    No problem at all, I totally understand you can't do it all for me! I definitely thought it would be easier to do than it has been. 

    I have listed below everything I still need to do to be able to finish this. I wonder if you can help me with any of it at all? Or point me in the direction of how to get some support on this? 

    HEADER

    • Logo not centred in header anymore since made bigger
    • Logo too close to navigation, can navigation be moved down slightly? 

    SPACING

    • Space between intro text and ‘What’s new?’ to be shortened to the same space as above welcome
    • Space above ‘Headline Campaigns’ to be the same space as above intro text
    • Space above ‘Campaigns’ to be the same space as above intro text
    • Space above ‘Social’ to be the same space as above intro text
    • Space below ‘Social’ title to be the same space as between social buttons and social grey text
    • Content in ‘Podcast’ section always to be centred, no matter what size the browser is (same with ‘Incentives’ section)
    • Images in ‘Getting to know T2’ section and ‘Offer of the month’ sections always to be the same height as the grey part, even when the browser is resized
    • ‘What’s new?’ and ‘Headline Campaigns’ images to have 10px margin between them when browser is sized down (when they go on top of each other)

    TEXT

    • ‘AUGUST EDITION’ needs to be larger text - same as the rest of the titles

    COLOURS

    • Line underneath ‘AUGUST EDITION’ needs to be white
    • Moving loading line to be #573787 when you first go onto the link (before header comes up)
    • Podcast section overlay to be #573787
    • Incentives section overlay to be #52abc0
    • Campaign images hovers to be #573787

    IMAGES / OTHER

    • STORM text in nav, to be changed to an image that sits in the same place as the text
    • ‘Incentives’ content to be centred in the box, same as podcast section
    • Incentives section to have different image


  •  850
    Jelly replied
    August 12, 2019 at 8:10am

    I am sorry but that's hours in customization work to make all of this which we cannot provide according to Envato's support policy. You can find professionals on upwork.com or https://studio.envato.com/.

    Best Regards,
    Jelly Team

  • Natasha replied
    August 12, 2019 at 11:33am

    Hey. No problem, totally understand. 

    Would you be able to quote us for the changes? We really need it done in the next couple of days and would be really useful for someone to be able to do it that knows the template. 

    If not, can you recommend someone that could do it in a quick turnaround?

  •  850
    Jelly replied
    August 12, 2019 at 1:40pm

    Unfortunately, we do not provide customizations.

    If not, can you recommend someone that could do it in a quick turnaround?

    I am afraid no.

    Best Regards,
    Jelly Team