Menu and Header help, integrity/ expanded demos

Hi, I’m building a site using the expanded demo ‘Band’ (integrity theme). I have a couple of problems I haven’t been able to solve - could you help?

  1. I cannot replicate the custom header so that new pages have the same font size/weight. I have copied exactly both the heading number and put the text in the class field as it is on the pages I’m wanting to replicate but it won’t go bigger? The example - this is the demo custom header https://www.chandlerwoods.com.au/executivesearch/ and this is the page i created https://www.chandlerwoods.com.au/develop/ - you’ll see the second one is much smaller - how do I make it the same as the first?

  2. Can I make the footer menu larger and a different font colour (I would like it to be white)?

  3. Is it possible to put a solid colour behind the header menu, as the transparency doesn’t work well on every page and the menu isn’t legible?

Thanks, Ilka.

Hey @TIDE_ORG,

Looks like you have activated under construction plugin, Deactivate it or provide us login details so we can take a closer look into it.

Regards

Hello,

I’ve provided the log in details in secure note above - thanks, and sorry about that. Look forward to hearing solutions. :slight_smile:

Hello There,

Thank you for providing the information.

1.) The executive search page which I presume came from the demo is using responsive text. This is the only missing part in your develop page. You will have to apply Responsive text and manage it in Settings > Responsive Text. To know more about responsive text, please check it from our knowledge base here:
https://community.theme.co/kb/shortcode-walkthrough-responsive-text/
http://demo.theme.co/integrity-1/shortcodes/responsive-text/

2.) To make the footer menu larger and change the color, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r) or in the customizer, Appearance > Customize > Custom > Edit GLOBAL CSS

.x-colophon.bottom .x-nav li a {
    font-size: 16px;
    color: #fff;
}

.x-colophon.bottom .x-nav li a:hover {
    color: #e5e5e5;
}

3.) To change the background of the header, you can make use of this code:

.x-navbar.x-navbar-fixed-top {
    background-color: rgb(223, 217, 195);
}

Hope this helps. Please let us know how it goes.

Hi Awesome X Theme Staff,

Thank you, yes it helped, I’ve sorted the footer and heading menus - thank you, looks great. And now I’ve also learnt about responsive text - thanks!

I have 2 more questions to complete the site:

  1. Can an image be added to the footer (like a logo)?
  2. I am unable to change the bullet points on this page (currently white) to the same colour as the text - have tried a few different ways unsuccessfully? https://www.chandlerwoods.com.au/executivesearch/ look under heading ‘psychometric testing’

Thanks again, great to learn :slight_smile:

Hi there,

  1. Yes, you can either add it to your footer content (where POWERED BY THE X THEME is added too) or as a widget. You can set that up under X > Launch > Options > Footer > FOOTER CONTENT

  2. It’s because your BODY text color is white, please change it at X > Launch > Options > Typography > BODY AND CONTENT > BODY FONT COLOR

Thanks!

A huge thanks.

Actually I tried to add the footer image as you suggested - copied the url from the media library but not sure how I write it in as code? Thanks.

Hi again,

You can use this code and change the URL in the code with your URL.

<img src="http://url/of/image.png" alt="" title="" />

Cheers!

I’m having similar issues with finding where to change the responsive text that came with the Band expanded demo. It seems like various sections have ids and classes that might have css adjusting the responsive text. The links provided in this helped me understand about responsive text, but I don’t see any shortcodes used (where I could remove them).

Can you please help me figure out how to remove or adjust the responsive text in the extended demo Band (integrity theme)?

iwanttobeagovie.gerhardcreative.com

Hi There,

The Responsive Text Class is applied on a Text element or Headline element, not on the Section. Then this will be the Class that you’ll be using as the Responsive Text selector.

The Responsive Text in Cornerstone is in Settings panel, that means you do not need to put a manual written responsive text shortcode on your page.

How Responsive Text Setting works

Play with the Compression, Minimum size, and Max size option until you get the desired look.

Hope it helps,
Cheers!

THANKS - so helpful and appreciated!

Glad it helped.

Cheers!