Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #995086

    Hi there,

    On a (development) website I’ve created a masonry for portfolio (dogs) and a masonry for news/blog (see links below). We want the overlay in two different styles:
    1) News/blog should have the standard style generated by the theme options.
    2) Portfolio/dogs needs to be a different font-family, red and bigger.

    With some help from other topics I thought I’d use the following code:

    #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
    	font-size: 40px !important;
    	font-family: 'open sans';
    	color: #ff030b !important;
    }
    

    However, when I do that, all masonries show this style. So to identify the portfolio masonry from the standard, I gave the portfolio masonry a class called “overzicht-honden”. In theme-options I checked “Show element options for developers”.

    When I add the class .overzicht-honden to the code, it will be:

    #top .overzicht-honden .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
    	font-size: 40px !important;
    	font-family: 'open sans';
    	color: #ff030b !important;
    }
    

    However, for both the masonry news and masonry portfolio the standard style is shown. So obviously I am doing something wrong…

    How can I achieve that for the masonry portfolio the different style is shown? Can you please give me a hand?

    Thanks in advance!

    Regards,
    Monique

    #995232

    Hey Monique,

    Please try this instead to see if you have any luck with it:

    .overzicht-honden .av-masonry-entry-title {
    	font-size: 40px !important;
    	font-family: 'open sans' !important;
    	color: #ff030b !important;
    }

    Best regards,
    Rikard

    #995998

    Hi Rikard,

    Yes, that works! Thanks a lot!

    Can you please flag this topic as solved?

    Best regards,
    Monique

    #996082

    Hi Monique,
    Monique
    Glad we could help :)

    Best regards,
    Victoria

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Have different overlay style for portfolio than blog’ is closed to new replies.