Home › Forums › Free Themes › Business Hub › "Post id" clarification – Business Hub Theme
- This topic has 58 replies, 2 voices, and was last updated 5 years, 7 months ago by wensolutions.
-
AuthorPosts
-
August 3, 2018 at 12:55 am #76867wensolutionsKeymaster
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 !!
August 21, 2018 at 2:16 pm #78018RashidaParticipantHi 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.August 21, 2018 at 4:45 pm #78024RashidaParticipantAnother 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.August 22, 2018 at 1:48 am #78028wensolutionsKeymasterHello @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!!
August 22, 2018 at 3:38 pm #78059RashidaParticipantHi 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.August 25, 2018 at 11:56 am #78241wensolutionsKeymasterHello @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!!
August 30, 2018 at 1:16 pm #78553RashidaParticipantHi!
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.August 31, 2018 at 6:52 am #78595wensolutionsKeymasterHello @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!!
September 11, 2018 at 3:58 pm #79442RashidaParticipantHi 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.September 13, 2018 at 12:35 pm #79566wensolutionsKeymasterHello @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!!
October 9, 2018 at 11:51 pm #81456RashidaParticipantHi 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.October 11, 2018 at 12:55 am #81669wensolutionsKeymasterHello @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!!
October 11, 2018 at 8:11 pm #81740RashidaParticipantHi 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.October 12, 2018 at 12:12 am #81746wensolutionsKeymasterHello @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!!
October 15, 2018 at 7:09 pm #81934RashidaParticipantHi 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.com1: 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.com1: 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. -
AuthorPosts
- You must be logged in to reply to this topic.