Hi Andy,

the issue is not the additional CSS field. This seems to work – agree.

The preview is still wrong, as there should be for the title, description and category layers a different font size, font-family and background colors etc. So the preview (“Enter preview” button) is not rendered correctly.
This is how it should look like when you are working with the layers and also when you click the “enter preview button”. This is how it always was when we worked with the LayerSlider.

Best,
Daniel

Hey,

wonderful idea…

I put this css on top of my custom css:

.container_wrap {
    width: 100%;
}

And then the rest of my css in another order:

@media screen and (max-width: 1500px) {
	.menu-item-8864 { display: none; }
}

@media only screen and (max-width: 767px) {
    .hide-from-mobile {display:none;visibility:hidden;}
    #text-15 { display: none; }
}

img.effect:hover {
  -webkit-filter: brightness(75%);
  -webkit-transition: .25s ease-in-out;
  -moz-filter: brightness(75%);
  -moz-transition: .25s ease-in-out;
  -o-filter: brightness(75%);
  -o-transition: .25s ease-in-out;
  filter: brightness(75%);
} 

img.effect {
  -webkit-filter: brightness(100%);
  -webkit-transition: .25s ease-in-out;
  -moz-filter: brightness(100%); 
  -moz-transition: .25s ease-in-out;
  -o-filter: brightness(100%); 
  -o-transition: .25s ease-in-out;
  filter: brightness(100%);
}

#top .sidebar .widget_shopping_cart .button {
  float: left;
  margin-right: 2%;
  padding: 10px;
}

.pagination_split_post {
  text-align: center;
  font-size: 18px;
}

#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background-color: #000000;
    color: #ffe523;
}

It looks good – many thanks. :)

Best regards,
Jürgen

• This reply was modified 10 years ago by Jürgen.

Hi
What I am looking for is something like this:

Just not for the full screen slider, but the full width of the box.
Following Günters suggestion I got the slider “into” the color section (at least in the edit page)
However the font size of the headers turns to huge and there is no parallax effect (perhaps I am missing something
about how to switch the effect on)
Thanks
Michael

Hi Yigit
that did not do the trick – also isn’t that just targeting the h1 font size?
The whole page on ipad is not responsive as far as I can see.
thanks for taking a look
Nancy

Hey,

Thank your, but this does not help… it shows the same “error”. :-(

Here are more infos from my “custom css box”:

#top .sidebar .widget_shopping_cart .button {
  float: left;
  margin-right: 2%;
  padding: 10px;
}

.pagination_split_post {
  text-align: center;
  font-size: 18px;
}

@media screen and (max-width: 1500px) {
	.menu-item-8864 { display: none; }
}

@media only screen and (max-width: 767px) {
    .hide-from-mobile {display:none;visibility:hidden;}
    #text-15 { display: none; }
}

#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background-color: #000000;
    color: #ffe523;
}

img.effect:hover {
  -webkit-filter: brightness(75%);
  -webkit-transition: .25s ease-in-out;
  -moz-filter: brightness(75%);
  -moz-transition: .25s ease-in-out;
  -o-filter: brightness(75%);
  -o-transition: .25s ease-in-out;
  filter: brightness(75%);
} 

img.effect {
  -webkit-filter: brightness(100%);
  -webkit-transition: .25s ease-in-out;
  -moz-filter: brightness(100%); 
  -moz-transition: .25s ease-in-out;
  -o-filter: brightness(100%); 
  -o-transition: .25s ease-in-out;
  filter: brightness(100%);
}

Best regards,
Jürgen

• This reply was modified 10 years ago by Jürgen.

Yes, it seems that just the top and left values are shown, the rest is empty.

And the preview does not show the actual style changes, like font size and background color etc. :

This error was there also with the update to 3.4.7 of the theme (see link to the forum post on the very top). It seems that we are not the only ones that have this kind of error.

Hello Ismael! See the attached Print Screen for error message. Ismael I don’t quite follow you when it comes to you question why I used an inline negative margin in a table. Is it the footer column 3 you mean?

<style>
.img-zoom {
width:81px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
}

.img-zoom:hover {
-webkit-transform: scale(2);
-moz-transform: scale(2);
-o-transform: scale(2);
transform: scale(0.5);
}
</style>

<center><h5 style=”color: #919191;font-size: 15px;margin-left: -80px;margin-bottom: 11px;”>ETT URVAL AV VÅRA<br> SAMARBETSPARTNERS</h5></center>

Best Regards,
Jonathan

• This reply was modified 10 years, 1 month ago by Damien.

Please check the slider in the backend and in the frontend (see private information)

The following fields of the settings should not be empty:
– Layout & Positions Width 600
– all the padding settings
– font: family: “Montserrat”,sans-serif – size 34px – line height 38px, color: #EB262B
– Misc: background: #ffffff, word-wrap: on

Again: The problem is that the old/existing settings are still not shown in the backend (see screenshots from earlier post) and the preview of the slider also does not work.

So it is not working as expected, as you should be able to see the “old” settings!

Emptied browser cache – no change. We also were able to replicate the issue on several computers and different browsers.

hi that doesn’t seem to be working. I’m actually wanting to increase the font size for 768 and below. Adjusting the font size with the code above doesn’t seem to work.