1303 comments found.
HI there, I’m using Aoraki theme. Is it possible to specify the h4 size for the pricing boxes only? TIA
Hi there,
Here’s the CSS to set the h4 size for the pricing boxes:
.w-pricing-box .w-header h4 {
font-size: 14px
}
Hi, I’d like to capitalize my page heading text, can you provide a css snippet for this please? TIA
.title-wrapper.w-size-s .title,
.title-wrapper.w-size-m .title,
.title-wrapper.w-size-l .title,
.title-wrapper.w-size-full .title {
text-transform: uppercase;
}
Hi, thanks so much for the reply. I didn’t seem have much luck with that…?
actually, when I type the actual headings in as capitals, it shows up as capitals. Is this how its supposed to work? TIA
That snippet will make all letters of the page heading text (in the page title area) into capitals. Try checking the code and make sure that it doesn’t conflict with another one.
If it doesn’t work, you may need to send me your site URL.
Hi there, I’m using Aoraki theme for the first time. I seem to be having trouble with setting the sticky header navigation. It isn’t remaining in place, and it doesn’t seem to change when I switch the sticky option on or off. Your assistance to resolve this would be appreciated. Maybe there’s another setting somewhere I’m not aware of? TIA
Hi there,
The sticky header navigation in the Aoraki theme will be visible when you scroll up. It is a mobile app look-alike navigation, and to increase users’ viewport especially on mobile devices. You will find this sticky navigation style in mobile apps and modern WordPress themes.
ok thanks. I will try it like for now and see if I like the way it works. 
Hi guys, I’ve noticed on my shopping pages that the ‘related products’ featured section at the bottom isn’t displaying correctly on mobile devices. It looks like its set to ‘right justify’ the item, rather than centred. Can you check this please and let me know if this is a setting I need to adjust or whether this is a glitch in the theme? TIA
.products {
margin: 0;
}
@media only screen and (min-width: 992px) {
.products {
margin: 0 -16px 0 0;
}
}
If it doesn’t work, you may need to send me the link of that page so I can take a look.
HI support, I am attempting to make the phone number and email address in the mobile menu clickable buy adding the following codes before each relevant item: <a href=”mailto:admin@myinsulation.com.au> <a href=” tel:=””>
However, it seems to be conflicting with the desktop version and causes two logos to show and the header section is then moved down the page. When I remove the code, it resolves.
Not sure why this would be. Can you comment on this please or provide a work-around. TIA
<a href="mailto:email@domain.com">email@domain.com</a>
Hi Support I am using the linked text in the footer (light text setting) which currently shows in my theme’s nominated colour and then white on hover. The theme colour is too dark for my background so I’ve selected and changed the text colour to #bbb; (to match the rest of the text settings in the footer), however this seems to remove the hover white colour. The link is still clickable but doesn’t change to white on hover, which I’d prefer it does. Is there any work around for this? Or a better way to achieve this? TIA
#footer-content a:hover {
color: #fff !important;
}
Hi – can this theme be modified to work as a one page site? You have “one page” tags, but there are no demo examples that I can check out. Your theme looks great, but I need a one pager.
Thank you! Mark
Hi,
Thank you for your interest in our theme!
Actually, the demo Food Stylist is a One Page site: https://wydethemes.com/overlap/onepage/
Hi, can I adjust any padding in the header without reducing the logo size? TIA
#header-logo img {
max-height: none;
height: 80px;
}
Hi there, how can i remove the dashes in the headings in the footer section completely? TIA
There are 2 ways to remove the dashes from the headings.
1. Choose another “Style” for the heading, or use Custom Heading element instead of Heading (Title). You can find all heading styles here: https://wydethemes.com/overlap/elements/heading/
2. Add CSS snippet below to remove the dashes from the headings in the footer section:
#footer-content .w-heading.heading-7 .heading-title:before,
#footer-content .w-heading.heading-7 .heading-title:after {
display: none;
}
Hi, how do I right justify the menu? If this is possible, I also have code in place to change the header text colour…will this need changing? (See below): .w-text-dark .dropdown-nav a, .w-transparent.w-text-dark:not(.w-fixed) .dropdown-nav > ul > li > a, .w-light .dropdown-nav ul li.megamenu > ul > li > a { color: #000000; }
Thanks, in advance!
Actually, when using the Classic menu layout, the navigation menu will be right justified by default.
However, if you’d like to right justify the menu text too, you will need to add CSS snippet below:
.dropdown-nav a {
text-align: right;
}
Hi is there any option to have the add to cart button always displaying (rather than just popping up when the product is hovered over?) TIA!
.products li figure .button {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
thank you!
Hi, I’m using the transparent header function, which looks great on desktop, but on mobile, I’d like the header to be white, before and after scroll (its currently white after scroll but not before), with dark text and logo. How do I set this just for mobile please? TIA
.mobile-nav #header:before {
opacity: 0.9;
box-shadow: 0px 5px 5px rgba(0,0,0,0.05);
}
Hi there, can I specify a different menu item hover colour for before and after scroll? The current colour (before scroll) is too dark but after scroll (once header has changed to white background) is fine… TIA
Actually, I’ve noticed the active menu colour also doesn’t work for my layout. Can this be specified for before and after scroll, as above? Or deactivated?
Here’s the CSS snippet to change the active and hover colour after scroll:
#header.w-fixed #top-nav li:hover > a,
#header.w-fixed #top-nav li.current-menu-ancestor > a,
#header.w-fixed #top-nav li.current-menu-parent > a,
#header.w-fixed #top-nav li.current-menu-item > a,
#header.w-fixed #top-nav li.current_page_parent > a,
#header.w-fixed #top-nav li.current_page_ancestor > a,
#header.w-fixed #top-nav li.current_page_item > a {
color: #9e6f12;
}
Hi there, I want to use the ‘small title area’ setting (for the height) but would like the text from the medium title setting (uppercase large lettering). Can you advise how to achieve this please. Alternatively, if I could specify a height for the medium setting, that would work also. TIA
@media only screen and (min-width: 992px) {
.title-wrapper.w-size-m {
padding: 130px 0 35px;
}
}
thank you!
Hi, I’ve replaced the google map image on the contact us page with an image but the image isn’t sitting as full width (has a small white column on the left). I’ve checking the padding options and row settings but all seems correct…your help on this would be appreciated.
I seem to have resolved this. TIA
Glad to hear that it has been resolved.
Hi there, I’m wanting to increase the contact form right hand column height (“Message”) as I’ve added additional boxes to the left and want them all to finish at the same height. I’ve modified the code (see below) but I don’t think its right as I’m not seeing any change. Can you check please or provide the correct code? TIA
[text* your-name placeholder “Name “]
[text your-company name placeholder “Company Name “]
[email your-email placeholder “Email “]
[text your-ordernumber placeholder “Order Number “]
[tel your-tel placeholder “Phone”]
[text your-RMAnumber placeholder “RMA Number *“]
[textarea your-message 80×12 placeholder “Message”]
<input type=”submit” value=”Send Your Message” />
[textarea your-message 80×14 placeholder "Message"]
You can find more details here: https://contactform7.com/text-fields/#textarea
hi thank you. I’ve adjusted but the bottom text boxes it doesn’t quite line up vertically and I don’t know how to fix this. Have checked the link you sent and still not clear on how to resolve. Would you mind taking a look? TIA
You may need to add custom CSS class to the message box, then set the specific height for it. Here’s a quick guide:
1. Add custom CSS class to the message box like the one below:
[textarea your-message class:message-box 80x12 placeholder "Message"]2. Add CSS snippet below to Appearance -> Customise -> Additional CSS to set the height for that message box:
.message-box {
height: 300px;
}
If it doesn’t work, you may need to send me the link of that page so I can take a look.
Hi there, I just want to use the house icon for my ‘home’ menu descriptor (no text) – is this possible? TIA
Unfortunately, WordPress doesn’t allow you to set the menu text blank. You will need to put HTML Character below into the Navigation Label field to work around this:
& nbsp;
You will need to remove any space from the code above to make it work.
thank you!
thank you!
Hello. I would like to know, if I can change the font to custom in your theme?
Hello,
First of all, we’re sorry for the delayed response!
Only standard fonts and Google fonts are included in the Typography settings.
To use the custom font on your site, you may need to install the Use Any Font plugin ( https://wordpress.org/plugins/use-any-font/ ) to achieve this.
Also, you can add custom font using CSS via your child theme. Check out “Adding Custom Fonts in WordPress Using CSS3 @font-face” in the link below: https://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/Hi there, is there a way to center the breadcrumb (instead of being left justified)? TIA
Here’s CSS snippet to center the breadcrumb on the shop and product pages:
.woocommerce-breadcrumb {
text-align: center;
}
Hi, is it possible to reduce the spacing between each menu item in the top header? TIA
Here’s the code to adjust this:
.dropdown-nav > ul > li > a {
padding: 0px 10px;
}
And here’s for the Center menu layout:
.center-nav .top-menu > li > a {
padding: 0px 10px;
}
Hi thanks for your reply. Regarding the first code, I’m not seeing any change in spacing. Can you check the code please? TIA
actually when I change the header setting to dark, it seems to work..
Actually, it should work with any header color setting. It sounds like that it is overridden by another custom CSS on your site. Try checking another CSS snippet or give me the link of your site so I can look into this.
