Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

7.1 Bolding the first item in the navigation bar


IMPACT

Question

Site URL: https://www.impactpa.church/

Hello!

On my website I'm trying to bold the first item in the navigation bar to make it more noticeable. I haven't had any luck so far with some things I've found online.

I've tried this:

.Header-nav--primary .Header-nav-item:first-child{
font-weight: 700
}

and have also set it font-weight equal to bold, but I'm not seeing any changes. Any help is appreciated!

Link to comment

17 answers to this question

Recommended Posts

  • 0
On 3/12/2021 at 8:15 AM, IMPACT said:

Thanks again, it's working great!

Do you want to align left or right or center all elements in footer mobile?

You can use this CSS

/* Center footer mobile */
@media screen and (max-width:767px) {
div#page-section-5f3191439aec11022b6c195a * {
    text-align: center !important;
}
}

image.thumb.png.f9d8e40e176483fbc85a86c79b038ae4.png

ON tablet, the footer doesn't look good.

Do you want to decrease text size, increase columns width?

image.thumb.png.bc718d4ee1a4b66cc375965002959365.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
17 hours ago, IMPACT said:

That would work! How do I do that?

Add to Design > Custom CSS

/* tablet footer */
@media screen and (max-width:991px) and (min-width:768px) {
div#page-section-5f3191439aec11022b6c195a .span-12>.row>.span-4 {
    display: none;
}
div#page-section-5f3191439aec11022b6c195a .span-12>.row>.span-8 {
    width: 100%;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
On 9/8/2021 at 8:26 PM, Yaraf said:

Hello I applied this code to change one element color on the phone menu but it's also changing the same item on desktop. Any idea how to solve this?

Hi,

What is your site url? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...