Change Caption Style and position for a specific Masonry

Hey Nerohm,

The code you posted is global and affects all masonry.
Try using this instead:

#top .classname .av-inner-masonry-content .av-masonry-entry-title {
  position: absolute;
  bottom: 25px;
  text-align: left;
  font-size: 30px!important;
  padding: 10px;
  color: white!important;
}

#top .classname .av-inner-masonry-content .av-masonry-entry-content {
  position: absolute;
  bottom: 7px;
  text-align: left;
  padding: 10px;
  font-size: 16px!important;
  color: #01d7a5!important;
}

Just replace classname with the classname you set.

Best regards,
Nikko

Hi Nerohm,

We’re glad that we could help :)
Try adding this code, just replace the background color and color values:

#top .teses_artigos .av-inner-masonry-content:hover {
    background-color: black;
}

#top .teses_artigos .av-inner-masonry-content:hover .av-masonry-entry-title, 
#top .teses_artigos .av-inner-masonry-content:hover .av-masonry-entry-content {
    color: white !important;
}

Best regards,
Nikko

Hi Nerohm,

It did not work because that class didn’t exist in the page you gave.
Try adding an ID to your tabsection then replace:

jQuery(‘.post_format-post-format-link a’).attr(‘target’,’_blank’);

with:

jQuery('#tab_section_id .slide-entry a').attr('target','_blank');

just change tab_section_id with the id you assigned.

Best regards,
Nikko

Hi Nerohm,

Where can I find that image caption? I tried to check on the links you gave and the links in your main menu, I might have missed it.

Best regards,
Nikko

Hi Nerohm,

I have added it a Custom Class: box, please add this css code just adjust the font size:

#top .box .av-image-caption-overlay-center p {
    font-size: 30px;
}

Best regards,
Nikko

Hi Nerohm,

Can you try to replace:

add_action(‘wp_footer’, ‘add_custom_target’);

with (the difference are the apostrophes):

add_action('wp_footer', 'add_custom_target');

Also in that page, I could not find an element with an id of noticias.

Best regards,
Nikko

Hi Nero,

Is it only for visual purposes? if yes, we can just change it’s font weight to normal, if not then you’ll need to modify it in timeline.php located in wp-content > themes > enfold > config-templatebuilder > avia-shortcodes > timeline folder and find this code (line 1042-1045) just remove the strong tag:

$date_wrapper = array(
    'start' => "<h2 class='av-milestone-date{$av_title_font_classes}' {$date_styling} id='milestone-{$title_sanitized}'><strong>",
    'end' => "</strong></h2>",
);

Best regards,
Nikko

Hi Nerohm,

Try to use this css code:

#top .av-milestone-date strong {
    font-weight: 400;
}

Best regards,
Nikko

Hi Nerohm,

The image you upload for the logo is too large and when large images gets shrinked it losses some of its quality.
I suggest you modify it in an image editor like photoshop and resize it to 231 x 85px, and use this.
As for the slider, try adding this css code:

#top #av_section_5 ul.avia-slideshow-inner {
    border-radius: 10px;
}

just adjust the value.

Best regards,
Nikko

Hi Nerohm,

Glad to hear that :)
Just let us know if you need further assistance.

Best regards,
Nikko