this is part of Media Querries

for example :

@media only screen and (max-width: 480px) {
    body {
        font-size: 14px;
    }
}

this will work for screen only and underneath a width of 480px
you see on that link that you can set a lot of options – maybe you only want to set print font size :

@media print {
    body {
        font-size: 14px;
    }
}

but if you like to overwrite some rules on enfold you have to think about the class: “.responsive” which is added if you are beneath the width you set for mobile behaviour on enfold options dialog.
etc. pp.

btw. it is often recomended that you set those rules to !important

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

i do not know if this will work at all.
in avia-templatebuilder/avia-shortcodes folder there is the masonry.php and perhaps relevant for that too the helper-masonry.php
there you can see some more infomation about this shortcode.

i’m not a good coder but maybe you see something could help you.
f.e. i see on helper-masonry that “ids” is set to false …

i think the later setting of wordpress to get rid of commenting posts does not erase the former setting of an existing post with comments.
so i think that every new post is without these commenting option but older entries with existing comments do have this.

First you can goto Dashboard an erase all existing comments. And for all those posts with the permission of commenting you can edit this by open the post and kill that marker at the bottom

if you do not see those markers – on top of the wordpress editor there is a hidden option window – open it an mark comments and discussions.
Then you see on bottom of the post these fields.

so activate the layout with background again.
Change the background color on body background again to your color: #ac7f54

Then reactivate your normal layout.

if you like to find an image on the web you can use google image search:

https://www.google.de/imghp

this is the german site but i think every language has its own.
you only have to know the url of the seen and wanted image. Insert it and google tries to find the image or similar images.

hm nice to ask for help in this way ? … :lol:

btw. have you ever looked into the zip file you downloaded from envato?
or do you have a nulled version from elsewhere ? :wink

a hint: enfold/includes/admin/demo_files/

<strong><span style="color:green">TIGRIS</span> <span style="color:red">REBELS</span></strong> Film Synopsis

for strong you can use <b> bold </b> too
and for green or red you can use #01DF01 or #f00

see here: http://html-color-codes.info/webfarben_hexcodes/

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

have a look to advanced styling of Enfold Child Theme – sometimes there are a lot of new entries after importing a demo. So mostly it is concerning to font and headings etc.

if you have imported the demofiles to your child-theme than only child-theme is effected.
so a difference between parent and child-theme is wanted – otherwise importing makes no sense.

I think there was a warning before importing demofiles that all settings of the Theme which is actually activated will be lost.

well you mean it on the right side?

it was a codeblock inserted on that page with a menu (ul etc. pp)
his code there is for css:

#menu {
    color: #fff;
    font-family: "Montserrat","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    position: fixed;
    right: 55px;
    top: 40%;
    width: 15%;
    z-index: 100;
}

and on code-block element he inserted

<ul id="menu">
	<li data-menuanchor="welcome" class=""><a href="#welcome">Welcome</a></li>
	<li data-menuanchor="healthcare" class=""><a href="#healthcare">Healthcare</a></li>
	<li data-menuanchor="education" class=""><a href="#education">Education</a></li>
	<li data-menuanchor="featured" class=""><a href="#featured">Featured</a></li>
	<li data-menuanchor="contact" class="active"><a href="#contact">Contact</a></li>
</ul>

etc.

And where is your navigation than?

you can set #header to display: none
and on main set padding-top to “0”

#header {
    display: none
}
.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 0;
}