Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 19, 2014 at 7:13 pm #226382
    HiDrew

    Hi there,

    For the website: http://delaware.ca/new-home/

    I’d like to:

    – Remove the full menu bar (I’m just going to use the masonry and keep the page simple).
    – Increase the size of the social links in the header
    – Increase the size of the logo in the header by about 25%
    – In the Masonry Gallery options, I have it set to display caption only on hover. However, it is displaying the caption regardless.

    Many thanks!
    Drew

    February 19, 2014 at 7:23 pm #226390
    HiDrew

    Also – I lightened the background of the masonry with:

    .av-masonry-container {
background: #f9f9f9;
}

    … but the top and left side are still dark grey. How do I lighten those?

    Thanks!
    Drew

    February 19, 2014 at 8:36 pm #226418
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    #header_main_alternate { display: none; }
#top .social_bookmarks li a { font-size: 20px; }
.bottom_nav_header.social_header #header_main .container { height: 122px; }

    Best regards,
    Yigit

    February 19, 2014 at 10:47 pm #226473
    HiDrew

    Thanks for this, Yigit. At http://delaware.ca/new-home/ the following issues exist:

    – Still have the issue where, in the Masonry Gallery options, I have it set to display caption only on hover. However, it is displaying the caption regardless.
    – Still have a different background color for the top and left side of the masonry area. How do I set it to be the same as the masonry background?
    – When the social icons got larger they don’t fully show (YouTube, for example, is cut off) – and the spacing between needs adjusting as well.
    – Since we are using the full width masonry, and it can’t be put into columns, is there a way to have the logo and icons left and right justify, respectively, so the page is balanced?

    Many thanks,
    Drew

    February 20, 2014 at 6:08 am #226614
    Devin

    Hey!

    – Refresh your browser cache as I only see things on hover with the masonry elements.
    – I don’t see any difference in color on the masonry items and there is no code to make one side lighter than the other
    – For the social icons, you’ll need to add height and width values to the css in addition to the font size. Then the same on the li since it has a height too:

    #header_main .social_bookmarks li {
height: 40px;
width: 40px;
}

    Make sure to add height and width to the social_bookmarks css from Yigit as well. You will then need to play with padding and margins to get the styling and centering you want since its now larger than intended.

    I don’t know what you mean by left and right justified but if you mean have them to the edge of the screen then no not very easily. The container could probably be set to 100% width but I don’t know how many more issues that could cause with keeping it all responsive and cross browser compatible.

    Best regards,
    Devin

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