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

change the font in the big menu dropdown


Theo4543

Question

Site URL: https://www.addictgalerie.com/gallery-view

I managed to put a big menu extension with the vidéo of Adlytic Marketing. However I want to change only the fonts of the subfolders ( what is circled in my square in red on the screen shoot). It is possible? 

here is the line of code I pasted in CSS: 

/********* Mega menu code *********/
/* Adjust width and vertical position */
.Header-nav--primary .Header-nav-inner .Header-nav-item--folder:nth-child(5) .Header-nav-folder {
    position: fixed;
    width: 120vw;
    left: 75vw;
    top: 53px;
    display: none;
}

/* Reveal menu when someone hovers */
.Header-nav--primary .Header-nav-inner .Header-nav-item--folder:nth-child(5):hover .Header-nav-folder {
    display: block !important;
}

/* Hide the default dropdown */
.Header-nav--primary .Header-nav-inner .Header-nav-item--folder:nth-child(5) .Header-nav-folder > a {
    display: none;
}
/* Make links not underline, and give more vertical spacing */
.Footer-blocks .sqs-block-html p a{
  font-size:!important;
  border-bottom: 0px;
  line-height: 1.6em;
}

 

 

Capture d’écran 2021-05-06 à 11.25.48.png

Link to post
  • Answers 17
  • Created
  • Last Reply

Top Posters For This Question

17 answers to this question

Recommended Posts

  • 0
On 5/7/2021 at 10:15 PM, Theo4543 said:

Hello, font name. It' done for the right click

 

Add to Design > Custom CSS

/* dropdown menu font */
header.Header div#footerBlocksMiddle * {
    font-family: monospace;
}

 

Link to post
  • 0

Hello thank you, It's possible to change font on just sub folder and not all the mega menu? ( what is circled in my square in red on the screen shoot)

Capture d’écran 2021-05-11 à 10.44.24.png

Link to post
  • 0
19 hours ago, Theo4543 said:

And I don't understand why when I put "Proxima Nova font" Is not this font which display? 

Capture d’écran 2021-05-11 à 10.48.09.png

the font name should be 

Quote

proxima-nova

 

Link to post
  • 0
5 hours ago, tuanphan said:

the font name should be 

 

Thank you and is it possible to target only the words whose font you want to change?

Link to post
  • 0
On 5/12/2021 at 4:19 PM, Theo4543 said:

Thank you and is it possible to target only the words whose font you want to change?

Add to Custom CSS

/* Shop mega menu font */
a[href="/shop"] + span * {
    font-family: proxima-nova !important;
}

 

Link to post
  • 0
On 5/20/2021 at 4:58 PM, Theo4543 said:

Hello thank tou, I am wondering if it is possible to have a similar effect on the big menu as on a classic drop down menu? That is to say that the color of the word is darker when the mouse is passed over it. (look screenshoot) 

page link: https://www.addictgalerie.com/home

 

 

Capture d’écran 2021-05-20 à 11.42.16.png

Capture d’écran 2021-05-20 à 11.42.25.png

You mean

Initial: gray

Hover: to black

Is this right?

 

Link to post
  • 0
18 hours ago, Theo4543 said:

Yes that's exactly it !

Add to Design > Custom CSS

span.Header-nav-folder div * {
    color: rgba(0,0,0,.4) !important;
}
span.Header-nav-folder div *:hover {
    color: black !important;
}

 

Link to post
  • 0
14 hours ago, Theo4543 said:

Hello, I have to change only 2 words in my large menu to lower case and proxima nova. It's possible?

Link page: https://www.addictgalerie.com/home

Hi. Which words?

Link to post
  • 0
6 hours ago, Theo4543 said:

"ART" and "DESIGN"1233708725_Capturedcran2021-05-2610_42_58.thumb.png.1f2749c645fb5cf03eec7a00897c5787.png

Add to Design > Custom CSS

/* design-art font */
div#block-yui_3_17_2_1_1619182976985_7961 p:first-child *, div#block-yui_3_17_2_1_1604659240697_7131 p:first-child * {
    text-transform: lowercase;
    font-family: 'proxima-nova' !important;
}

 

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...