Design of my homepage

Home › Forums › Jevelin Theme › Design of my homepage

Home › Forums › Jevelin Theme › Design of my homepage

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    NOT RESOLVED Posts

  • synobol
    Participant

    Hello,

    I’ve chosen the Basic Home layout on  my homepage, and somehow there are a few things I cannot replicate.
    This is my reference:
    http://preview.themeforest.net/item/jevelin-multipurpose-premium-responsive-wordpress-theme/full_screen_preview/14728833

     

    1. I would like all the sections to be full width. However right now, only the revolution slider is full width
    2. What are the correct measurements of the image for the colums.
      If you look at the “Get your Costume” section, the image is too small. However I uploaded a 100o * 1000px image. It needs to be perfectly aligned at the top and bottom
    3. On the same Get your Costume section, the overlay is blue. How can I change this, for it to match my website colours?
    4. Between the top menu and the revolution slider, there is a space (in light salmon colour) I can I get rid of it?
    5. Finally I’ve added a video in the section “Soca 2017”. It doesn’t resolve well on mobile. It’s cut off..

    Here is my website: http://www.mynottinghillcarnival.com

    Shufflehound Support
    Moderator

    Hi @synobol,

     

    I hope you are well today and thank you for your questions.

     

    I would like all the sections to be full width. However right now, only the revolution slider is full width

    That is custom developed page so it displays full width.

     

    You can also display your site home page full width by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    body.home .content-container .container {
    width: 100% !important;
    max-width: 100% !important;
}

     

    What are the correct measurements of the image for the colums.
    If you look at the “Get your Costume” section, the image is too small. However I uploaded a 100o * 1000px image. It needs to be perfectly aligned at the top and bottom

     

    You can configure the image size in the set Single image content element as shown in the attached screenshot.

     

    On the same Get your Costume section, the overlay is blue. How can I change this, for it to match my website colours?

    You can change its color by using following custom CSS code.

     

    .sh-single-image-overlay {
    background-color: rgba(241,9,6,.8);
}

     

    Between the top menu and the revolution slider, there is a space (in light salmon colour) I can I get rid of it?

    To remove it please use below custom CSS code.

     

    body.home #wrapper>.sh-page-layout-default {
    padding-top: 0;
}

     

    Finally I’ve added a video in the section “Soca 2017”. It doesn’t resolve well on mobile. It’s cut off..

    You can fix that issue using below custom CSS code.

     

    .sh-video-player {
    max-width: 100%;
}

     

    Best regards,
    Shufflehound team

    Attachments:
    You must be logged in to view attached files.

    synobol
    Participant

    Hello Shufflesound Team,

     

    Thank you for your reply, I’ve implemented as instructed, and here are my comments

    1. Column images. My images are full width, about 660*660 px.
      Have a look at my homepage: http://www.mynottinghillcarnival.com/ the images (opposite Carnival parties and Get your costume) do not fill the frame. It looks really messy!
      Please tell me what I need to do to have the image fit in within the space, just like the “basic homepage”.
    2. I’ve given up on using your post template for this page: http://www.mynottinghillcarnival.com/carnival-parties-2017/
      It simply doesn’t load at all. Can you find a solution for your next release?
      Instead I am using a category page:
      http://www.mynottinghillcarnival.com/category/carnival-parties/
      But my users need to see as many posts as possible in one page. How can I remove the right hand side column?
    3. I disabled the comments on pages. As a result, the comments on blog posts were also removed. How can I enable comments on blog posts and disabled them on pages?

    Thank you

    Synobol

    Shufflehound Support
    Moderator

    To help us keep support thread separates could you please create new thread for each of your other questions instead of asking them in your single thread as it makes the thread messy and hard to read.

     

    If you want to you can also add reference of this thread in your newly created thread.

     

    We would be more than happy to help you on your new thread.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)