Forum Replies Created

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • in reply to: Remove opacity on hover in mainmenu #1076068

    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;

    }

    in reply to: Remove opacity on hover in mainmenu #1075587

    Thanks Nikko. But I’m afraid it doesn’t work. best Frederik

    in reply to: How to move social icons to the right in header area? #1065036

    Thankyou sp much Ismael! It works!

    BR Frederik

    in reply to: How to move social icons to the right in header area? #1062315

    I 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 Frederik

    in reply to: Change title/text css for instagram widget #980018

    Thankyou 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

    in reply to: Change title/text css for instagram widget #979861

    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
    /Frederik

    in reply to: Change title/text css for instagram widget #979772

    Hi 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.
    in reply to: Change title/text css for instagram widget #978840

    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

    in reply to: Streched color section in boxed layout site #978375

    Please ignore this request, I managed to get it to work with streched layout!

    Best, Frederik

    in reply to: Best resolution for Fullscreen Slider? #825129

    Hi! Did we get a recommended resolution for embedded video for your full screen slider? Thanks in advance
    BR Frederik

    in reply to: Whitespace under Grid row with video in it #821282

    Hey 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

    in reply to: Use SVG as the logo… #809613

    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.
    in reply to: Use SVG as the logo… #809499

    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.
    in reply to: Use SVG as the logo… #808973

    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…

Viewing 14 posts - 1 through 14 (of 14 total)