Just nu i M3-nätverket
Jump to content

Box-shadow på pil i bootstrap meny


joelistan

Recommended Posts

Jag försöker lägga på box-shadow på pilen i huvudmenyn på min sajt http://www.omdömen.se/ men eftersom pilen är display block så kommer skuggan på hela boxen istället för runt själva pilen. Finns det någon lösning för det?

Tack på förhand!

Link to comment
Share on other sites

Det har egentligen inte med elementets display property att göra. Pilen är skapad m.hj av ett CSS-hack där man använder boxens border för att skapa illusionen av en pil. Tror inte att du kan sätta box-shadow på den så som det är gjort nu.

 

Däremot ser jag att du redan använder Font Awesome, så varför inte använda någon av ikonerna som finns tillgängliga där? Då kan du sätta text-shadow på den precis som du gjort för länk-texten.

 

 

Off-topic:

Du verkar requesta Font Awesome 4ggr, varav de 3 första gångerna misslyckas (404).

Link to comment
Share on other sites

Det har egentligen inte med elementets display property att göra. Pilen är skapad m.hj av ett CSS-hack där man använder boxens border för att skapa illusionen av en pil. Tror inte att du kan sätta box-shadow på den så som det är gjort nu.

 

Däremot ser jag att du redan använder Font Awesome, så varför inte använda någon av ikonerna som finns tillgängliga där? Då kan du sätta text-shadow på den precis som du gjort för länk-texten.

 

 

Off-topic:

Du verkar requesta Font Awesome 4ggr, varav de 3 första gångerna misslyckas (404).

 

 

Tack så hemskt mycket för ditt svar! Jag kommer använda font awesome istället som du föreslog. Tack för notisen om font awesome som requestas för många gånger också, det beror nog på att jag försökte installera det flera gånger men misslyckades några gånger. Tack! :)

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...