aha – from your site i see that this is not a masonry – it is a magazine
this will be nice to know

so i will have a look (thats why a link to your site is a nice thing)

and – by the way for those fine lines of that logo – try to use svg instead.
http://webers-testseite.de/elegant/beispiel-seite/

just drag&drop the svg to your desktop.

The only thing you have to think of is to setup for the svg a width and height otherwise it is set to 1px/1px

did you use copy paste from f.e. word ? because it seems that there is something with your quotes not working.
Try inserting this:

<p style="text-align:left"><span style="color:#a81010">CONTACT</span>
<span style="color:#a81010">FACEBOOK</span>
<span style="color:#a81010">TWITTER</span></p>

by the way – this should work as well:

<p style="text-align:left; color:#a81010"><span>CONTACT</span>
<span>FACEBOOK</span>
<span>TWITTER</span></p>

to your question if you only want to make one word in a different color – the inline css method is best
if you have this very often – you can create a custom class for it like :

.red {
text-transformation: upperclass;
color: #a81010;
letter-spacing: 1px;
}

than you only have to do:

<p class="red"><span>contact</span>
<span>facebook</span>
<span>twitter</span></p>

if you have to colorize all in that table or only every 2nd, 3rd etc field there are selectors which might help (nth-child selectors)

if you have a lot of menu list first level entries or long terms – so that there is not enough place for the menu-list-points before it goes to mobile view – we had to find different settings

And why do you choose this in enfold options?
On Enfold Options / Header / Header-Layout there is the possibility to choose Logo center menu below.

Or do you want to have the logo left – menu below but centered ?

Try this in quick css:

.av-main-nav-wrap ul {
    display: inline-flex;
    left: 50%;
    position: relative;
    transform: translate(-50%);
    width: auto !important;
}

• This reply was modified 8 years, 2 months ago by Guenni007.

if you want it more specific – set up a custom class to the Masonry

and for small screen you have to adjust

@media only screen and (max-width: 479px) {
#top div.container .av-masonry .av-masonry-sort {
    float: left;
    width: 98% !important;
}
}

hm let me see.…

the option for that in the alb element says:

Section Bottom Border Styling
Chose a border styling for the bottom of your section

so it is not the top of the next section – but the bottom of the edited section
and on that reason the color should be the background-color of the following section

this is a strange url because a folder with dot in front is invisible – isn’t it: /home/.sites/208/site579/web/…
is it for your provider normal on the absolute path?

Try this here:

.av-burger-overlay-inner, .av-burger-overlay-bg {
    background: #fff url("/wp-content/uploads/2015/07/laptop-white.jpg") no-repeat scroll 0 0;
}

.av-burger-overlay-active #top .av-hamburger-inner, .av-burger-overlay-active #top .av-hamburger-inner::before, .av-burger-overlay-active #top .av-hamburger-inner::after {
    background-color: #000 !important;
}

#av-burger-menu-ul li a {
    color: #000 !important;
}

you see that a background-image is possible too !

Result see here: Link

it is hard to say something on it without a link to that site. If there is one in private area than you have to wait on mods to answer you.

what about

.single-portfolio .avia-slideshow li img {
width:auto;
height:450px;
}

.single-portfolio img.avia_image {
width:auto;
height:450px;
}

or as long the values are identical to each other:

.single-portfolio .avia-slideshow li img, .single-portfolio img.avia_image {
width:auto;
height:450px;
}

by the way if you having same problem for normal posts you can take single-post or if values are the same take single

• This reply was modified 8 years, 2 months ago by Guenni007.

To your point 3 try this in quick css (you have to set up your own colors)

@media only screen and (max-width: 767px) {
.responsive #top .avia-post-nav { display: block }
#top .avia-post-next {background:none repeat scroll 0 0 rgba(255,50,50,0.6);top: 65%}
#top .avia-post-prev {background:none repeat scroll 0 0 rgba(50, 100, 255,0.6);top: 65%}
#top .avia-post-nav {height: 60px;margin-top: -55px;padding: 15px}
.avia-post-nav .entry-info-wrap {margin-top: -11px}
.avia-post-nav .entry-info {height: 50px;width: 180px}
.avia-post-nav .entry-image {height: 50px;width: 50px}
.avia-post-nav .entry-info span {display: table-cell;font-size: 13px;line-height: 1.3em;vertical-align: middle}
.avia-post-nav .entry-image img {display: block;height: auto;width: 50px}
.avia-post-nav:hover .entry-info-wrap {width: 200px}
}

i did change the height too – because on mobile it looks strange if those navigations are on normal height.

btw: if you want to change the direction (previous is to the left – next is to the right side) add this to child-theme functions.php:

add_filter( 'avia_post_nav_entries', 'enfold_customization_postnav', 10, 2); 
function enfold_customization_postnav($entries, $settings) {
    $entries['prev'] = get_next_post($settings['same_category']);
    $entries['next'] = get_previous_post($settings['same_category']);
    return $entries;
}

Ich finde die Idee mit den Tags (Schlagworten) eigentlich am besten (die kann man im übrigen auch per quickedit setzen/ändern in der Portfolio Liste) – da verzettelt man sich nicht so, denn es könnten auch Überbestimmungen stattfinden die sich widersprechen.
Also zB is_page(‘5’) und has_tag(‘grün’) könnten sich ja widersprechen.

um Gottes Willen das Gruen und foo sind nur beispiele

Du musst natürlich deine vergebenen Schlagworte benutzen.
Die kannst du jedesmal wenn du für eine neue Seite ein anderes Logo brauchst rechts im Editor eingeben !
Da war mein Vorschlag dann Logo1, Logo2 etc. zu verwenden, dann kommst du auch nicht Durcheinander !!!

vielleicht erkennt man es so besser: (und has_tag is eine eigene Geschichte hat mit page nur bedingt was zu tun)

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo)
{
                  if	( has_tag('logo-rot')) 		{ $logo = "/wp-content/uploads/logo/rot.png";} 
	    elseif 	( has_tag('logo-gelb'))  	{ $logo = "/wp-content/uploads/logo/gelb.png";} 
	    elseif 	( has_tag('logo-gruen'))  	{ $logo = "/wp-content/uploads/logo/gruen.png";}
	    return $logo;
}

Das Tag (Schlagwort) musst Du dann aber auch immer vergeben, dort wo du es ändern willst.

• This reply was modified 8 years, 2 months ago by Guenni007.