nav menus, colours and search bars

To lower your logo and nav menu, try adding this to you custom css at Admin page > Appearance > Customise > Advanced options, or in your child theme’s stylesheet:

.tc-sticky-header .tc-header {margin-top: 60px}

To change the font colours on the product attributes:

span.posted_in {color:green}
span.posted_in a {color:blue}
span.tagged_as {color:purple}
span.tagged_as a {color:red}

To add a search bar to a child theme, use the same method you did for the parent theme. WordPress will keep different sets of settings for the two themes.

Admin page > Appearance > Widgets > drag the search widget to the part of the page where you want it to go.

Thank you for replying ,
I tried the first bit and even changed it to 80px and 100px but it seems to keep snapping back into the old place.

to be honest im completely confused about all this been trying to figure it our for months now.

I tried what you said for the colour but as you can see https://www.yoursafety.ie/shop/thermit/ its still white and can only be seen if i physically highlight it.

and my search bar code is in the same place that you told me to place the header code it looks like this :

form#searchform {
text-align:center;
.tc-sticky-header .tc-header {margin-top: 100px}
span.posted_in {color:green}

to be honest I could just be completely wrong in what iv done but if you could help me thatd be great im pulling my hair out at this stage

Assuming your Hello bar stays visible, you can drop your Header using:
.tc-header {margin-top: 60px;}

Actually, 50px looks better in my opinion.

Snapping back sounds like you’re not saving the change. Where are you adding the code?

You should try to get to grips with the Child Theme as it will make life much easier for you.

1. header bit css: the line above:

form#searchform {
      text-align:center;

must end in a closing curly bracket otherwise there is a parse error and the bit that follows about the header will not be recognised.

2. Sorry was looking at the wrong element. Looks like we want to target the label before the dropdown. Try this:

.woocommerce #content div.product form.cart .variations td.label,
.woocommerce div.product form.cart .variations td.label,
.woocommerce-page #content div.product form.cart .variations td.label,
.woocommerce-page div.product form.cart .variations td.label
{color: #444}

3. This bit:

form#searchform {
text-align:center;
}

will style the search bar but not put it in. To put it in, go to:
Admin page > Appearance > Widgets > drag the search widget to the part of the page where you want it to go.

Is it Glove Size you’re trying to change?

.badge, .label {color: #000;} changes it to black

I’ll leave it to @lorro now as he’s giving you best advice

Thank you both the glove size thing and the header is now working =]

ehm but the search bar thing, it says its on the right sidebar but i cant see it I want it viewable under the navbar and I got it there before and it worked (dont ask me how) but it must have been in a parent file as when customizr updated it vanished.

you guys are life savers?! =]

The header looks good.

The dropdown label is still white font on white background for me, so maybe best to check that the css has saved.

The search bar is on the page, just that its way down in the footer. Go to:
Admin page > Appearance > Widgets > and drag the search widget from the footer number 3 area to the sidebar area. Its just drag and drop.

I wish I could include print screens itd be so much easier lol, oh i checked it there again and your right its gone back white again il put the code back in it must not of saved properly, just to make sure im putting it in the same place as the other code?

that search bar is with the widget but the guys im making this website for want it under the nav menu instead but there is no option that and when I put in in the sidebar areas nothing happens.

thanks for helping and dont worry im doing an internship programme with a company its ok that i dont know this stuff yet lol im not used to wordpress at all.

The dropdown label is now in a black font for me, but if you want to change the font color, then yes put the css in with the other custom css code.

I think to put the search bar under the nav menu would mean some custom coding and you would probably need to hire a developer for that. Then there may be on-going issues every time the theme is updated.

If I was doing it the best place would be the top of the left sidebar. If nothing happens when you put it in the sidebar maybe its the wrong widget area. Look for a widget area that already contains 2 widgets: the WooCommerce categories and the Opening hours.

its there twice, i mean the search bar widget is in right sidebar and also in the footer widget area three and wont let me move them for some reason , I did have to code to put in the search bar and centre it under the nav bar it just wouldnt stay after being updated il see if i can find it and link it under here

<?php get_search_form(); ?>

form#searchform {
text-align:center;
}

i was to add the first bit to my header.php and the second bit to my style.css which i did

Can someone also help me? I posted .tc-header {margin-top: 60px;} in my Custom CSS tab by going to Advanced Options> Custom CSS. It previews correctly but then snaps back when i go to view the page.

@monaghanbj
Hi, As per forum guidelines, best to start a new thread as your setup and fix maybe different. Please include a url to a relevant page.

its actually all fixed now– I think it just took a minute to update maybe.. However I do have one more question… I set up a Affiliate ads plugin however I can not get them to show up anywhere. here is my url https://www.toastytunes.com

Thanks!!

I have tried adding these codes:
.tc-header {margin-top: 60px;} and
.tc-sticky-header .tc-header {margin-top: 60px}
in css file but its not working with the latest customizr.
Then i tried with localhost which have old version of customizr installed and its working perfectly.
I am not getting how to do that.