Home Forums Free Themes Business Hub "Post id" clarification – Business Hub Theme

Viewing 15 posts - 16 through 30 (of 59 total)
  • Author
    Posts
  • #76867
    wensolutions
    Keymaster

    Hello @rashida,

    As per the theme demo for Business Hub theme, the recommended Header Image size for the frontpage banner section is 1000 x 250 px.

    Please try uploading the image with the recommended dimensions for best results in the header image section.

    Regarding the Nav menu active link color :

    To change the active menu item color in primary navigation, you can use the following custom CSS in your Admin Dashboard > Appearance > Customize > Additional CSS :

    .main-navigation ul > li.current-menu-item {
        background: #1e435a;
    }
    
    .main-navigation ul > li.current-menu-item > a {
        color: #fff;
    }

    Please change the color codes with your desired color hex code.

    Hope this helps,

    Best Regards !!

    #78018
    Rashida
    Participant

    Hi There!

    Can you please advise, how am I supposed to link my “Brands” button in the banner and the “Products Enquiry” button in “Get a Quote” block?

    http://www.newdesign.directsupplyservices.com

    Thanks & Regards,
    Rashida H.

    #78024
    Rashida
    Participant

    Another quick help needed..

    I am trying to indent the 2nd, 3rd and 4th paragraphs on this page: http://newdesign.directsupplyservices.com/brands/ametek-land/

    If you can advise me how to do so as well in terms of CSS, it would be really helpful.

    Thanks again!
    Rashida H.

    #78028
    wensolutions
    Keymaster

    Hello @rashida,

    The button in the “slider” section and the “Get a quote” section will link to the post that is displayed in that particular section. The theme does not provide the option to enter the external link for these buttons so whateven the post your choose to display here, these button will link to that individual post page.

    As for your later query, we are quite not clear about it so can you please explain it with proper screenshot matking the section clealry so that we can help you further.

    Thank you.

    Best Regards!!

    #78059
    Rashida
    Participant

    Hi There!

    Thanks so much for helping out.

    1: I am trying to indent the 2nd, 3rd and 4th paragraphs here. I am not sure, how to attached screenshot here. But If you can visit the link here: http://newdesign.directsupplyservices.com/brands/ametek-land/

    You would see 4 paragraphs. I want to align the rest of the paragraphs as the 1st one.

    2: I am still confused with the slider and get a quote button. For example; I have “request a quote” form in the post of Get a Quote post. When I click on get a quote button; the form that I have in the post doesn’t open. It gives 404 error.

    Thanks & Regards,
    Rashida H.

    #78241
    wensolutions
    Keymaster

    Hello @rashida,

    Regarding your issue about the “404 error”, Please once go to Admin Panel > Settings > Permalinks and save the setting.

    Now as for the paragraph indentation, there is no 3 different paragraph in the URL you have posted so it will make it clear if you can send the screenshot marking the section. You can send the screenshot by using the tool like “lightshot”

    https://app.prntscr.com/en/index.html

    Hope this helps.

    Regards!!

    #78553
    Rashida
    Participant

    Hi!

    Thanks for the reply.

    I solved the “paragraph indentation” issue. Thanks though 🙂

    However, I am still unable to solve the “Permalinks” issue.

    — > Custom Structure: http://newdesign.directsupplyservices.com /%category%/%postname%/

    Is this the right structure? or what would be the right one so my banner button and get a quote button can display the pages?

    Thanks & Regards,
    Rashida H.

    #78595
    wensolutions
    Keymaster

    Hello @rashida,

    Glad that you figured out the issue for the paragraph by yourself.

    Further, when we checked your site, the button of the slider and the get quote section is directing the correct page and there is no 404-page error now.

    Hope everything is working fine for you now.

    If you have any issues further then please let us know.

    Thank you.

    Regards!!

    #79442
    Rashida
    Participant

    Hi There,

    Hope, you’re doing well.

    Quick questions..

    1: Can you please tell me how can I remove the color of this “Red Outline” after the slider?http://newdesign.directsupplyservices.com/ — for reference!

    2: About my query that I asked in my earlier post as well; the banner has the “Brands” button. When I click on it – it opens to a page that has the banner image. But is there a way where I can connect my main “brands’ page here so when the user clicks this button – they land on my “brands” page itself?

    I would appreciate your guidance.

    Thanks!
    Rashida H.

    #79566
    wensolutions
    Keymaster

    Hello @rashida,

    Please find answer to your queries below:

    Query #1:

    Response: To remove the red border below the slider please add below-given CSS by going to Admin Panel > Appearance > Customize > Additional CSS and paste the CSS.

    .scroll-down-wrapper:after {
        background-color: transparent;
    }

    Query #2:

    The button will direct you to the page that you have chosen in the slider but to direct the slider as per your requirement requires higher code customization.

    If you want to hire a developer for this then please refer to below given link:

    http://themepalace.com/hire-a-customizer/

    Hope this helps.

    Regards!!

    #81456
    Rashida
    Participant

    Hi There,

    Hope, you’re doing well.

    I need help with few things. I would really appreciate if you could help me out.

    https://screenshots.firefox.com/J7xRXvYWvlEhWBSC/testsize.com

    How can I resize my contact information & banner for the mobile version?
    and..
    How can I remove the two lines that’s appearing on the banner?

    I hope, you are able to help me out in this.

    Thanks & Regards,
    Rashida H.

    #81669
    wensolutions
    Keymaster

    Hello @rashida,

    The issue is because of the inline CSS that were added later on. This website’s responsive functionality is not working to its extent. So, we have provided with our own styling for the section that you requested.

    For this go to Admin Panel > Appearance > Customize > Additional CSS and below given CSS.

    nav.main-navigation {
      margin-right: 0 !important;
    }
    .full-nav-menu .search-form {
      margin-left: 0 !important;
    }
    .full-nav-menu > .container > .row {
      margin-left: 0;
    }
    @media screen and (max-width: 1200px) {
      #main-slider .caption {
        width: auto;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        background-color: #fff;
        border: 3px double #ddd;
        padding: 5px 15px 15px;
        text-align: center;
      }
      #main-slider .caption h2 {
        margin-left: 0 !important;
      }
      #main-slider .btn-business {
        margin-left: 0 !important;
      }
    }
    @media screen and (max-width: 1023px) {
      .full-nav-menu .search-form {
        margin-bottom: 7px !important;
        position: static !important;
      }
    
      .full-nav-menu .search-form input[type="search"] {
        display: block !important;
      }
    }
    @media screen and (max-width: 992px) {
      .full-nav-menu .search-form {
        width: 400px !important;
      }
    
      #main-slider .caption h2 {
        font-size: 18px !important;
        margin-bottom: 10px !important;
      }
    
      #main-slider .btn-business {
        font-size: 13px !important;
        margin: 0;
      }
    }
    @media screen and (max-width: 768px) {
      .full-nav-menu .search-form {
        width: 100% !important;
      }
      #main-slider .caption h2 {
        line-height: 1.5 !important;
      }
    }

    Hope this helps.

    Regards!!

    #81740
    Rashida
    Participant

    Hi there,

    Thanks for responding with the code. Appreciate it.

    However, to make this easy and understandable on my end .. can you please provide the CSS responsive functionality of this page: http://www.newdesign.directsupplyservices.com – for mobile & tablet & desktop.

    I hope, you’re able to help me with this! Please.

    Thanks & Regards,
    Rashida H.

    #81746
    wensolutions
    Keymaster

    Hello @rashida,

    Please replace above provided CSS with the CSS given below:

    nav.main-navigation {
      margin-right: 0 !important;
    }
    .full-nav-menu .search-form {
      margin-left: 0 !important;
    }
    .full-nav-menu > .container > .row {
      margin-left: 0;
    }
    @media screen and (max-width: 1200px) {
      #main-slider .caption {
        width: auto;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        background-color: #fff;
        border: 3px double #ddd;
        padding: 5px 15px 15px;
        text-align: center;
      }
      #main-slider .caption h2 {
        margin-left: 0 !important;
      }
      #main-slider .btn-business {
        margin-left: 0 !important;
      }
    }
    @media screen and (max-width: 1023px) {
      .full-nav-menu .search-form {
        margin-bottom: 7px !important;
        position: static !important;
      }
    
      .full-nav-menu .search-form input[type="search"] {
        display: block !important;
      }
    }
    @media screen and (max-width: 992px) {
      .full-nav-menu .search-form {
        width: 400px !important;
      }
    
      #main-slider .caption h2 {
        font-size: 18px !important;
        margin-bottom: 10px !important;
      }
    
      #main-slider .btn-business {
        font-size: 13px !important;
        margin: 0;
      }
    }
    @media screen and (max-width: 768px) {
    	.full-nav-menu .cherry-search-wrapper {
    		display: none;
    	}
    	.contact-info-section .contact-information-wrapper {
    		margin-right: 0 !important;
    		width: 100% !important;
    	}
    	.contact-information dl {
    		margin-right: 25px !important;
    	}
      .full-nav-menu .search-form {
        width: 100% !important;
      }
      #main-slider .caption h2 {
        line-height: 1.5 !important;
      }
    }

    Hope this helps.

    Regards!!

    #81934
    Rashida
    Participant

    Hi There,

    I applied this code and it worked in some sections, and didn’t in some.
    I would really appreciate if you could help me out with this.

    With (max-width 768)

    https://screenshots.firefox.com/Sd7zd1YTl2TCYZ26/responsivedesignchecker.com
    https://screenshots.firefox.com/RFx9Lh3hK3TXHSbB/responsivedesignchecker.com

    1: My search bar isn’t showing above the banner. How can I show that? Even a search icon would be good to show.
    2: Can I show half of my banner – just the part where it has “brands” button?
    3: Can I move my “Reseller form” after the banner instead?

    With (max-width 1023)

    https://screenshots.firefox.com/18j5UZBksInsmvPp/responsivedesignchecker.com
    https://screenshots.firefox.com/uDfz2CI0Y9PNCYrs/responsivedesignchecker.com

    1: My search bar isn’t showing above the banner. How can I show that? Even a search icon would be good to show
    2: My nav bar has pushed to the right – how can we shift to left a little?
    3: Can I show half of my banner – just the part where it has “brands” button?
    4: The “Reseller form” – The description width of the box needs to be smaller as above field boxes.

    Thanks & Regards,
    Rashida H.

Viewing 15 posts - 16 through 30 (of 59 total)
  • You must be logged in to reply to this topic.