Hi hillphoenix!

You can edit your submenus with the below css in the custom css section in your theme options:

#top #header .mega_menu_title a {
  color: inherit;
  font-size: 17px;
  line-height: 1.1em;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
}

However, may we have temporary access to your website to find out why sub menus are ignoring the advanced styling changes?

Be sure to include credentials in the private content section.

Cheers!
Dake

Hi Keith!

The effect is actually possible by performing some lengthy css changes to the current Masonry Grid tool with the overlay disabled and “Element Title and Excerpt” set to “display on mouse hover”.

Right now the zoom effect is enabled by default, so you would need to apply a blue background-color (or similar) with an opacity setting of about 0.5 to the thumbnail container (on hover).

For example:

.av-fixed-size .av-masonry-outerimage-container:hover {
  position: absolute;
  background-color: #509DE1;
  opacity: 0.5;
}

The title and excerpt positioning can be altered using the below class group:

.av-masonry-entry .av-masonry-entry-title {
  line-height: 1.3em;
  margin: 0;
  font-size: 50px;
  color: #fff;
}

Finally the default background that appears on hover can be removed with the below:

.main_color .container .av-inner-masonry-content {
background-color: transparent;
}

That is the gist for css. The font can be changed using a webfont tool of your choice.
.
Best regards,
Dake

Hi rdswestnet!

I think this is happening because of the font size of the captions. Change its size for the specific screen size using media queries:

@media only screen and (min-device-width: 768px) and (max-device-width: 1078px) {
h2.avia-caption-title {
font-size: 38px !important;
}
.avia-caption-content.av_inherit_color {
font-size: 30px !important;
}}

Cheers!
Andy

Hi jihadmunther!

go to Enfold->Advanced Styling->”Select an element to customize” and choose your main menu link to customize them.

Can you show us your post slider title providing us a link? so we can inspect the elements? Try this code:

.avia-content-slider .slide-entry-title {
font-size: 11px;
} 

and adjust as needed.

Best regards,
Andy

Hi Nathan!

Add this to your custom CSS.

#header_main_alternate { border: 0px !important; }
nav.main_menu .menu > li > a {
  font-size: 16px !important;
}

Best regards,
Elliott

Hi zihuahotel!

You can use this CSS to change the portfolio grid title size.

.grid-entry-title { font-size: 20px !important; }

For the extra text, have you considered using the AJAX portfolio? It gives you a nice way to add extra information, sliders, galleries, etc etc, to each portfolio.

Cheers!
Elliott

Hi hackoffseries!

There just isn’t enough space there. How would you like to change it? Would you like to try reducing the font size?

Cheers!
Elliott