What about this rule? This isn’t part of 3.5.3 Enfold ?

It is in General (not only for enfold) a good advice to have a child theme installation for wordpress!
There is a nice online documentation (or on your envato complete Download of Enfold an offline Version) for Enfold here:
http://kriesi.at/documentation/enfold/

Here is a little tutorial for enfold child theme: http://kriesi.at/documentation/enfold/using-a-child-theme/

On Download Section there is a downloadable Child-Theme of Enfold with at least a (on default) empty functions.php (for that child theme)
Some files in the wordpress hierarchy do not overwrite the existing ones but they can add information and rules to the original files of the theme itself. One of those Files is the functions.php. So here on board there are a lot of customization hints by adding some code to that child-theme functions.php !

If you activate first the parent theme and after that the child theme – there are some options to transfer the settings of the parent theme to the child theme. Read and see the tutorial mentioned above on “Moving to a Child Theme”

One of the greatest benifits of Child-Theme Installation is that on updating the parent theme those customizations of your child theme are not influenced !

if not it will be nice to have some possibilities to selekt those words specifically.
If you do this:

Villa Santi
<span class="bed icons"> 4 Bedroom</span> | <span class="bath icons">4 Bathroom</span> | <span class="size icons">Land Size : 750 m2</span>
<span class="beach icons">10 min. walk to beach</span> | <span class="shop icons">10 min. walk to Shopping, Restaurants, Spa and Massage</span>
<span class="airport icons">25 min. drive to airport</span>

.icons::before {
    font-family: entypo-fontello;
    font-size: 24px;
    position: relative;
    padding-right: 5px
}

.bed::before {
    content: "\e8af";
    top: 3px;
}
.bath::before {
    content: "\e8ce";
    top: 3px;
}
.size::before {
    content: "\e869";
    top: 3px;
}
.beach::before {
    content: "\e8b9";
    top: 3px;
}
.airport::before {
    content: "\e8b6";
    top: 3px;
}
.shop::before {
    content: "\e859";
    top: 3px;
}

see here: http://webers-testseite.de/enf02/testsite/
for formating your text with span tags you can use f.e. Bueltges Add quicktag plugin

or if it is allways the same text underneath those hotels you can copy paste the whole content and fillout than the correct values for the given Hotel

<span class="bed icons"> 4 Bedroom</span> | <span class="bath icons">4 Bathroom</span> | <span class="size icons">Land Size : 750 m2</span>
<span class="beach icons">10 min. walk to beach</span> | <span class="shop icons">10 min. walk to Shopping, Restaurants, Spa and Massage</span>
<span class="airport icons">25 min. drive to airport</span>

PS: i did the top value to the specific class because sometimes it might be better to put in different values.

• This reply was modified 9 years, 3 months ago by Guenni007.

if you want no animation at all:
but the images has to load on page load – this animation “mimics” that loading time – the non animation mode looks very boaring – sorry
btw. if you only want to influence some Masonries you have to use custom css class.

.avia_desktop.avia_transform3d .av-masonry-entry {
    perspective: none;
}
.avia_sortable_active .isotope {
    transition: none ;
}
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
    animation: none;
}
.av-masonry-image-container, .av-inner-masonry-content, .av-masonry-pagination {
    transition: none;
}
.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
    transform: none
}

if you have it in your waste basket (trash) (dont know the word for it because i’m working on a german wp installation) it is nonetheless present for wordpress. So the url is taken to that page/post.
If you empty your basket before you create the new one or rename the 2nd one it will work.

i suspect – yes – because there is a bigger step on enfold update from 3.47 to 3.51 – but we will hear the mods on that

so here seems to be the complete rule:

.header_color .avia_mega_div {
    background-color: rgba(255, 255, 255, 0.85) !important;
}

.avia_mega_div .sub-menu,
.header_color .main_menu ul .avia_mega_div ul,
.header_color .main_menu .menu .avia_mega_div ul li a {
    background-color: transparent;
}

but this only rules the mega-div !!! if you want the whole dropdown menus we must do something different !

and this is only for mega menu – the rest dropdown menus you don’t need to adopt?

Great advantage of advanced layerslider – you can determin the responsive behavior.
so with your pictures you can set the layerslider to 100% width and 688px height and start responsiveness under 1100px etc. pp

try to take the full-screen slider instead.
This i think stops at the bottom of the screenheight.

every page of your site has its own page-id in form of a class to body ! (look to the source code of the concerning website page)
so if you don’t want to install a plugin the only way is to set up for each page-id a unique rule in quick css

so if you have the code above set up first the non-changing rules:

.main_color {
    background-attachment: fixed;
    background-clip: border-box;
    background-color: #ffffff;
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: cover;
}

and than for every page (even if home page got it) for example.

.page-id-31 .main_color {
    background-image: url("//studiopsicologoverona.it/wp-content/uploads/2016/03/PSICOLOGO-VERONA-GIORGIO-DAL-MASO.jpg");
}
.page-id-65 .main_color {
    background-image: url("//studiopsicologoverona.it/wp-content/uploads/2016/03/PSICOLOGO-ROMA-GIORGIO-DAL-MASO.jpg");
}