Header options and a few other bits

[markmuz]

Hi guys,

Just a few bits I’ struggling with please:

1. I would like to put my brand strap line next to my logo in fairly large text. How can I do this please? I’ve enabled “logo tagline” but would now like to change the size, colour and font, etc then position it to the right of my logo…See attached image of the sort of thing I am wanting to do.

2. Another option I have fold solving the above question is to be able to edit the text/shortcode in the top right of the header. I like that it grows in size with the sticky menu as I scroll down, but it’s far too small when at the top and i don’t like the font. How can I change these please?

3. Search box – Again with reference to the attached image, I’d like to have a search box rather than just the search symbol. i did some user testing and no-one could find it…

4. Testimonials slider – I would like to put the pagination (3 dots) to display along the bottom of the slider rather than on the right hand side, is there any way to do this please?

5. I have some company logos running along the bottom of my homepage. They are neatly spaced out and small on desktop but become huge on mobile. how can I get them to stay fairly small when stacked on mobile.

Thanks in advance for your help

Cheers

Mark

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

1) That level of customisation would require you to work with a developer.

2)

.header-left div.text,
.header-right div.text {
    font-size: 16px;
}

3) This would require you to work with a developer.

4) What page are you displaying these on?

5) If you nest each image within it’s own column you can set the grid sizes for smaller screens. So two columns would be a grid 6:

[markmuz]

Hi David,

thanks for these responses, super helpful.

So just following up on

4.Testimonials slider on the http://www.prettygoodproject.org/ (Password: L4ur4Wigz3ll ) – I would like to put the pagination (3 dots) to display along the bottom of the slider rather than on the right hand side, is there any way to do this please?

Just another quick question. How can I hide the breadcrumb on individual product pages? I want to hide it on all of them, not just some of them 🙂

[David Martin – Support]

You can test this:

.content-slider .lSSlideOuter .lSPager.lSpg {
    top: auto!important;
    bottom: 0;
    right: 50%;
}
.content-slider .lSSlideOuter .lSPager.lSpg>li {
    display: inline-block;
}

[markmuz]

Great thank you – super helpful 🙂

Just another quick question. On the individual product page, I now have thumbnail images to the left of the image but it crops them to an awkward portrait shape. Is there any way of getting these to be larger square format images?

Thanks for your time 🙂

[David Martin – Support]

Not by default no, those images are unlimited in height to stay proportional to the width.

Thanks.

[markmuz]

…oh right, so is there no custom CSS you can give me to fix the height and broaden their width? It just cuts off half of the image so makes them a bit not very helpful…

[markmuz]

Hi David,

…hmm perhaps I wasn’t clear enough in one of my above questions. I would like to hide the product breadcrumb on this page http://www.prettygoodproject.org/product/nimble/ See attached screenshot. How can I do this? Ticking that box doesn’t seem to remove it…

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

To hide the breadcrumbs on a single product, you’d use this:

.woocommerce .woocommerce-breadcrumb {
    display: none;
}

Thanks.