I’ve added all of the code you suggested but it doesn’t seem to make any difference:

This is now in the Quick CSS

@media only screen and (max-width: 479px) {.responsive #top .slideshow_caption h2 {
font-size: 14px;}
.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title { padding: 2px; }}
@media only screen and (max-width: 990px) and (min-width: 768px) {div .slideshow_caption h2 { font-size: 18px; }}
@media only screen and (max-width: 990px) and (min-width: 768px) {div .slideshow_caption h2 { font-size: 18px !important; }}
@media only screen and (max-width: 500px) { .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title { padding: 2px!important; }

I’ve checked against the screen shots I sent but nothing looks any different. The Nexus screen shot above doesn’t seem to work so I’ve added it here again:
https://www.dropbox.com/s/2yq8nhzccg4ussd/Screenshot_2014-03-28-13-08-35.png

Is there a conflict with what has been put into the custom.css?

Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
}

@media only screen and (max-width: 767px) {
.avia-slideshow .avia-caption .avia-caption-title { font-size: 18px; padding: 2px; }
}

@media only screen and (max-width: 480px) { 
.avia-caption{ padding: 0; bottom: 3px; }
.avia-caption .avia-caption-content p {padding: 2px;}
}

Cheers

• This reply was modified 12 years ago by Rustybucket.

Hi Peter!

Thank you for your help.

3. I know that I can use icons, but I need some pictures with hover effect (for example for flags – I don’t use WPML but have different sites on different domains and want to use top menu as a navigation between them) – Menu Image Plugin worked great for me… Is there a way to do this?

Cheers,
Globema

Issue resolved.

Thanks. This moved the social bookmark and phone info down, but how do I make the top nav area, which is blank, 0px tall?

Well,

The custom css field looked promising but alas I cannot get this to work. I think I have tried everything. The dotted overlay class has to be position:absolute; ( and that blows up everything ) as well there is a z-index: issue that I can’t seem to resolve — can’t spend any more time on it. I guess there is always a revslider ( it has build in style for it ) But seems like a lot of unnecessary code for just banners.

Has anyone else tried this and wants to help, please do? It would be a nice upgrade feature to the theme; this a very common client request.

As well I have tried to implement this on the Layer Slider WP – but the z-index issue is still a problem – the background image always covers the dotted overlay!

I should also note that, most implementations of the dotted overlay, position a styled div absolute – I don’t see how we can achieve the same results here…

Revslider: does this to achieve the result
<div class="tp-dottedoverlay threexthree"></div>

.tp-dottedoverlay.threexthree {
background: url(../assets/gridtile_3x3.png);
}

.tp-dottedoverlay {
background-repeat: repeat;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}

Thanks for your help, maybe there is work-around?

• This reply was modified 12 years ago by AntonNovikov.

Thanks Josue,
what I was hoping for was having the text inside a colored background. It could be white.
Can that be done?

Basically the content in the boxes would float over top the the stone background and not be see through.
I haven’t figured out how to do that yet.
You guys haven’t let me down yet. I hope you can help me through this one.

thanks – joe

Thanks, Yigit. That’s a very useful tool. Thanks for that.

It was part of the Avia framework, that’s why I was unable to find it through the Code Editor.

I have another request, don’t know if you can help me with it. It’s quite important, so if you can, please take a look: https://kriesi.at/support/topic/image-edit-fix-messes-up-icons/

Thanks.

Thanks Devin!

I tried adding the following to my child theme’s css but see no changes. Although it’s a post, I tried it with ‘page’ as you described above as well.

#top.post-id-332 .alternate_color {
background-color: #9dd09f;
color: #5b3b01;
}

Unfortunately, I’ve seen no change. Did I miss something?
http://marcaarons.me/portfolio-item/seo-web-design-health-consulting/

Best,
Marc

I added the following css and all is good:

#top.single-post .entry-content .slideshow_container {
display: none;
}

#top.category .entry-content .slideshow_container {
display: none;
}

.single .big-preview.multi-big, .single .small-preview {
display: none;
}

Yigit,

Thanks. The icon box is fixed. Please see the following issues with IE. This is IE version 9.0.8112.16421.
– header background
– dropdown menu background
– slide bullets and arrows
– social media icons (on fist load)

– Image sizing
– news icons (removed in quick css with “.image_size_widget .news-thumb { display: none; }”