Forum Replies Created
-
AuthorPosts
-
Thanks Nikko. Strange. Now it works on all other pages than my start/homepage? Maybe this custom css is interferring? I’ve tried a lot of combo’s:
#top #header #avia-menu .menu-item > a > .avia-menu-text {
color: #ffc930;
font-size: 14px;
font-weight: 500;
padding: 5px;
opacity: 1 !important;
}#top #header #avia-menu li.menu-item:hover > a > .avia-menu-text {
color: #4242f4;
opacity: 1 !important;
}.av-main-nav li > a:after {
color: #ffc930;
font-weight: normal;}
Thanks Nikko. But I’m afraid it doesn’t work. best Frederik
February 10, 2019 at 12:51 am in reply to: How to move social icons to the right in header area? #1065036Thankyou sp much Ismael! It works!
BR Frederik
February 3, 2019 at 6:05 pm in reply to: How to move social icons to the right in header area? #1062315I have the same issue. I want to align the social icons to the right. And next step I need to customise them :)
Victorias code “kinda” make it work, but I guess my custom css positioning of the main menu f**** it up. This is my main menu positioning css:
@media only screen and (min-width: 768px) {
.main_menu {
right: auto !important;
left: 134px;
top: 38px !important;
}
}Could you help me with this issue please?
BR FrederikThankyou again Mike! Now I can css both in additional & quick css areas :)
(And if it does’nt in one of them, it might work in the other?)Best Frederik
Hi Mike,
Thankyou, that worked! Moving the css to additional css! Case solved :)
Now my only issue is the grey line above the instagram feed. But i’m gonna try and solve it myself.BR
/FrederikHi Mike,
Thankyou for your reply. I’m sorry to say I can’t get the code to work. I has no effect on the visual, even with the “!important” add. Maybe some of my other code messes it up? Just copied your code below all mine in quick css. Like following:
.av-main-nav > li > a { font-family: "essonnes-display",serif; font-style: italic; text-transform: none; line-height: 1 !important; font-weight: 300; font-size: 18px; letter-spacing: 0px; color: #030405 !important; text-decoration: none !important; } #avia-menu li:hover a { color: #e94d26 !important; text-decoration: underline !important; } .main_color { border-color: #ffffff !important; } h1 { font-family: "essonnes-display",serif !important; font-style: normal; text-transform: none !important; padding-top: 10px !important; line-height: 1 !important; font-weight: 400 !important; font-size: 40px; letter-spacing: 0px !important; color: #030405; text-decoration: none !important; } h2 { margin-top: 0px !important; font-family: "essonnes-display",serif !important; font-style: normal; text-transform: none !important; padding-top: 10px !important; line-height: 1 !important; font-weight: 400 !important; font-size: 26px; letter-spacing: 0px !important; color: #030405 !important; text-decoration: none !important; } .avia_textblock { font-family: "essonnes-display",serif !important; font-style: normal; !important; font-style: normal; text-transform: none !important; padding-top: 10px !important; line-height: 1.4 !important; font-weight: 300 !important; font-size: 18px; letter-spacing: 0px !important; color: #030405; text-decoration: none !important; } @media only screen and (max-width: 767px) { .logo img { opacity: 0; } .logo a { background-image: url(https://gastroagency.dk/Wordpress/wp-content/uploads/2018/06/gastro_agency_logo_mobile3.gif); background-repeat: no-repeat; background-size: contain; }} .avia-instagram-feed h3.widgettitle { font-size: 70% !important; color: red !important; } a.av-instagram-follow.avia-button { color: red !important; } a.av-instagram-follow.avia-button:before { content: " Before \A"; white-space: pre; } a.av-instagram-follow.avia-button:after { content: "\A After"; white-space: pre; }
Btw: I’m using the typekit for wordpress plugin…
- This reply was modified 6 years, 5 months ago by getfred.
Hi Rikard,
I’m specificly looking to alter the header text for the instagram widget “… out and about”. I also would like to change the button “follow me” and maybe put in some additional text above or below.
See at bottom: http://gastroagency.dk/Wordpress/
/Frederik
Please ignore this request, I managed to get it to work with streched layout!
Best, Frederik
Hi! Did we get a recommended resolution for embedded video for your full screen slider? Thanks in advance
BR FrederikHey Victoria,
It works! You’re an absolute sweetheart :)
Actually I have one other problem. That is I really want the current main menu link to look “a:active” on the pages that I categorize as children… but maybe thats another tread.
Anyway, thanks again!
BR/Frederik
Hi Guenni007,
Thank you so much, I will try everything out! Definetly the plugin. I thought Ismael’s code was the only workaround for using svg as a header logo. I notice now it’s some 2 years old.
BR Frederik
- This reply was modified 7 years, 6 months ago by getfred.
Hi Rikard,
I still have the issue after clearing cache. Sitename (url) is written right on top of svg logo.I also need to ask; can you provide an addition to this code, so we have the possibility to change the logo for the feature “sticky header/shrinking header”, and still keep it an svg? I have a challenge with logo positioning in sticky/shrinked header.
Thankyou/Frederik
- This reply was modified 7 years, 6 months ago by getfred.
Thank you for the “svg as logo bg” code. Works (almost) perfect. Except on mobile. Here the enfold logo still appears when you remove the logo. So I placed a transparant png instead. That seemed to work, but in my mobile browser (safari, iPhone) the name of my site is previewed in the logo area, on top of my background svg logo. How can I make the sitename dissapear? Thanks in advance…
-
AuthorPosts