Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • January 14, 2015 at 10:05 pm #379758
    Pointbreakd

    Hi,

    You all helped me get the arrow go into the footer on my homepage (link in private below). It looks great. How do I accomplish this on the About, Blog and Contact pages?

    This was the css for the homepage:

    .home div#after_section_3 {
    display: none;
    }

    Thanks!

    January 14, 2015 at 10:11 pm #379760
    Josue

    Hi!

    Try with this code instead:

    .avia-section.avia-builder-el-last {
    display: none;
}

    Cheers!
    Josue

    January 15, 2015 at 2:24 am #379836
    Pointbreakd
    This reply has been marked as private.
    January 15, 2015 at 2:53 am #379845
    Josue

    Hi!

    Use this instead:

    .page-id-368 .avia-section.avia-builder-el-last, .page-id-368 #after_section_1 {
    display: none;
}

    Regards,
    Josue

    February 27, 2015 at 4:42 am #403141
    Pointbreakd
    This reply has been marked as private.
    February 27, 2015 at 5:51 am #403169
    Josue

    Hey Dan!

    There is no section with bottom arrow in that page, try to keep the same layout structure across all pages.

    Cheers!
    Josue

    February 27, 2015 at 3:25 pm #403445
    Pointbreakd

    Ah, got it. How do I add it to the blog posts?

    February 27, 2015 at 3:30 pm #403449
    Pointbreakd

    Just two questions:

    1) adding that arrow on the blog,
    2) making “Practice” smaller on the “Practice Areas” page when mobile so it doesn’t go into the picture.

    February 27, 2015 at 10:19 pm #403696
    Josue

    Hey!

    I think it would be best to just add the arrow automatically to the footer, try using this code for all Pages (remove the other ones and their sections):

    #footer:before {
    content: "";
    position: absolute;
    height: 30px;
    width: 30px;
    display: block;
    background: white;
    left: 50%;
    top: -20px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

    Regarding “Practice”, what Page are you referring to?

    Cheers!
    Josue

    February 27, 2015 at 10:47 pm #403711
    Pointbreakd
    This reply has been marked as private.
    February 27, 2015 at 11:06 pm #403723
    Josue

    Try with this:

    @media only screen and (max-width: 767px) {
    #av_section_1 .av-special-heading-tag {
        font-size: 24px !important;
    }
}

    The code i provided will put a white arrow on every page, isn’t that what you want?

    Regards,
    Josue

    February 27, 2015 at 11:37 pm #403736
    Pointbreakd

    Yikes, that code caused all kinds of issues (changed everything form wide-screen to not widescreen on desktop browsers).

    No, the arrow is different colors on different pages. For example, on the practice page it’s a very light grey.

    Thanks for your help .

    February 27, 2015 at 11:40 pm #403739
    Pointbreakd

    Oh sorry, I was missing a “}” but the code didn’t do anything for the mobile version of the Practice page.

    February 27, 2015 at 11:44 pm #403741
    Josue

    I see, in that case change the code to only affect blog posts:

    .single-post #footer:before {
    content: "";
    position: absolute;
    height: 50px;
    width: 50px;
    display: block;
    background: white;
    left: 50%;
    top: -25px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

    Regarding the Practice title, there is a extra unnecessary “}” before the code – http://screencast.com/t/RY6JfxZg9

    February 27, 2015 at 11:56 pm #403746
    Pointbreakd

    Hmm how do we make the arrow look smaller like it does on the other pages?

    February 28, 2015 at 12:00 am #403749
    Josue

    Adjust the height/width/top values:

    .single-post #footer:before {
    content: "";
    position: absolute;
    height: 35px;
    width: 35px;
    display: block;
    background: white;
    left: 50%;
    top: -22px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

    Cheers!
    Josue

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.