Skip to main content

Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Forum Replies Created

Viewing 15 posts - 1 through 15 (of 54 total)
  • Author
    Posts
  • in reply to: Keep ratio using Grid #300085
    vulkanus
    Participant

    I don´t know if this will help you: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

    in reply to: Smooth menu // by @fainder #300083
    vulkanus
    Participant

    @JeroenR

    Thank you for your answer. I understand that, but I don´t need to remove it, if you change the false to true (this.multiple = multiple || true;) , it will do the stuff, but like you said, it will remove the effect on each other.

    “maybe the best thing to do is find another menu function that does the work for you.”
    I see, and I can do it, but I like this one :)

    Also I´will check another.

    thank you again

    in reply to: css help for float #297015
    vulkanus
    Participant

    Yes
    didn´t see header* inline-block.

    in reply to: Extra White Space – Help! #296997
    vulkanus
    Participant

    Hi,

    I think you have to define a height like 640px in .hero and play with media query to adjust the container, also removing .inner { /padding-top: 170px;/ }

    .hero {
    background-image: url(../img/hero-bg.jpg);
    background-repeat: no-repeat;
    position: relative;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    width: 100vw;
    top: 0;
    bottom: 0;
    display: block;
    overflow: hidden;
    padding-bottom: 0%;
    margin: 0 auto;
    background-position: 50%;
    margin: 0 auto;
    max-height: 400px;
    max-width: 1920px;
    }

    and adjust with media query for the other screen sizes, sorry if didn´t help.

    in reply to: css help for float #296995
    vulkanus
    Participant

    Hi,

    Try this:

    .homepage {
    padding-left: 20px;
    float: left;
    left: 100px;
    position: absolute;
    top: 0;
    }

    nav {
    margin: 0 auto;
    text-align: right;
    float: right;
    right: 100px;
    position: absolute;
    }

    in reply to: Aligning an :after pseudo-element in a list #296991
    vulkanus
    Participant

    Hi,

    remove: top: 50% from .withlinks li a:after{
    add:

    margin-top:12px;
    right: 10px;
    display: inline-block;

    try it

    in reply to: Hover at-overlay #296904
    vulkanus
    Participant

    @Paulie_D

    the new example:

    https://codepen.io/Vulkanus/pen/xxKJrdL

    Can you help?
    tks

    in reply to: Background Image Height Problem #296359
    vulkanus
    Participant

    Hi,

    Maybe this?

    body .slide > div .img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: no-repeat center center;
    /* background-size: cover; */
    margin-bottom: 20px;
    }

    or play with:
    https://developer.mozilla.org/pt-BR/docs/Web/CSS/background-size

    in reply to: Hover at-overlay #296315
    vulkanus
    Participant

    @Paulie_D

    Any tip?
    tks

    in reply to: CSS help with (hopefully!) simple issue #296313
    vulkanus
    Participant

    Add this to your CSS:

    #nav-header.nav-container, .boxed #wrapper {
    box-shadow: none;
    }

    in reply to: Is there a css \'AND\' command #296312
    vulkanus
    Participant

    Hi,

    Maybe target the selector:

    #popup > h1, h2, h3, #popup > p

    Have you got an codepen to check?

    in reply to: CSS help with (hopefully!) simple issue #296307
    vulkanus
    Participant

    Hi,

    Edit: I was to slow to @Paulie_D :(

    BTW: I don’t know if it’s proposed, but you have a hidden search, but you can add:

    #main-header-search .toggle-search {
    background: #b5b5b5;
    padding: 13px 13px;
    font-size: 16px;
    line-height: 15px;
    opacity: .5;
    }

    #main-header-search .toggle-search:hover {
    opacity: 1;
    }

    in reply to: Nav menu displays differently on some pages #296279
    vulkanus
    Participant

    Hi,

    I think the problem is around the .genesis-nav-menu { /* font-family: ‘Oswald’, sans-serif; */}

    If you remove the font-family from your homepage, it will be equal the “privacy” menu.
    Maybe you have a miss css somewhere.

    edit:
    Yup, I have found your issue, You have missing the fonts googleapis.com from your head:

    Add this to your privacy page: link rel=”stylesheet” type=”text/css” href=”//fonts.googleapis.com/css?family=Oswald” />

    put < before link, I cannot add the total code :(

    in reply to: Slider in a dropdown menu #296278
    vulkanus
    Participant

    Hi,

    Maybe you are target the menu when you do a “#slider:hover”, have you link to your website?

    in reply to: Empty Space is doing my head in #296277
    vulkanus
    Participant

    Hi

    Add margin: 0; on this:

    .black-bar-container ul{
    text-align: right;
    margin: 0;
    }

    https://jsfiddle.net/0p7vm35z/

Viewing 15 posts - 1 through 15 (of 54 total)