Craft Theme - Modify Font Weight on Header Links

Store Design
1

  1. I would like to modify the text links in the desktop display of the shop’s header, adding “font-weight: bold;” or font-weight: 700" to the appropriate block of code. But I cannot locate where it should be added, or to which file.

  2. I would also like to modify the width in the desktop display of the “Rich Text” section that appears immediately below the header. It’s set for “Make Section Full Width”, but it’s nowhere near full width.

  3. How do I make sure those changes affect only the desktop version of the store, not the mobile version?

  4. Is there any decent documentation of the css code that I can review? Something? ANYTHING??? it’s one thing to know css - it’s quite another thing to decipher the schematics to easily determine what part of the code affects what part of the display. Inline documentation is absent.

Thank you - store is arizonalavarocks.myshopify.com

2

Hi @LavaDudes

Try adding these few lines to the bottom of /assets/base.css:

.header__menu-item span {
    font-weight: bold;
}

Your store is still password protected so I can’t see the frontend but based on the Dawn code (which I believe Craft is largely based on) that should do the trick?

3

That fixed the first issue I was asking about. Thanks very much!

4

If you can share the store password you might be able to get some more help with the other items.

Without seeing the code it’s hard to really see what’s happening and therefore advise you on how to change these different elements.

5

It’s beufai

6

Hi @LavaDudes ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
@media (min-width: 990px) {
    .header__menu-item span {
        font-weight: bold;
    }
    .rich-text--full-width .rich-text__blocks {
        width: 90% !important;
        max-width: 90% !important;
    }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

7

Thank you for the assistance. Very much appreciated!