Forum Replies Created

Viewing 5 replies - 1 through 5 (of 5 total)
  • Forum: Themes and Templates
    In reply to: Help With Code

    Hey James,

    Hopefully I can lend a hand.

    This part controls the text: (‘Post a job’, ‘vh’ ), namely the part in between the single quotes: ‘Post a job’ So if you change Post a job there, it should change the button text.

    It looks like the link itself is coming from this variable, which seems to be set somewhere else: $job_manager_slug

    You could either set the variable here in the button code, so right under$post_a_job = true; you could add something like $job_manager_slug = 'http://example.com';, like so:

    $post_a_job = true;
    $job_manager_slug = 'http://example.com';

    Or you can replace the variable in the button link with your url below:

    <a href="' . get_permalink( get_page_by_path( $job_manager_slug ) ) . '" class="blue-button">

    Adding your url instead of . get_permalink( get_page_by_path( $job_manager_slug ) ) ., like you would with a normal html link.

    I hope this helps!

    Hi,

    These bullet coming from CSS on ul li::before. You should be able to remove it from just the share buttons with this CSS:

    .sharedaddy ul li::before {
    content: none;
    }

    Hope this helps!

    It looks like your theme is sizing your header image based on the following CSS:

    .header-image {
    width: 100%;
    height: auto;
    }

    If you you change the width, it should make the image appear smaller. If you also want it centered (since it displays flush left when it’s smaller) you can add the following to the end of the above code:

    .header-image {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    }

    I’m not sure this is exactly what you’re looking for, but I hope it helps!

    It looks like the issue is a margin-bottom on the comment itself, that’s coming from this style:

    p {
    margin-bottom: 34px;
    }

    Changing the margin-bottom on .comment-content p should work without affecting the pargraph tags for the rest of the site.

    I believe the following CSS should do the trick, and keep the site header responsive:

    .main-navigation {
    max-width:60%;
    float:right;
    }
    
    img.header-image {
    max-width:40%;
    float:left;
    }
Viewing 5 replies - 1 through 5 (of 5 total)