Hi DavyE,

I’m not really sure what you mean. You can just style the main content however you want in the style tab and the alternate the same.

If you are doing a full re-styling, you shouldn’t need to (and shouldn’t much anyway) use !important everywhere. Use selectors and add your own css to the custom.css file in the css folder of the theme files.

So for example, if you wanted to change the color of a button you wouldn’t use:

.button{

background: #333 !important;

}

Because that would do a force change on all background values across all elements. Instead, you would do something more like:

#top #footer .widget .button.newsletter {

background-color: #333;

}

So that the priority with the css would be given to your new css and only effect the #footer then the .widget classes and then inside those the .button.newsletter (a fictional example).

Regards,

Devin

Hi dsgnerfw,

We’ve made some video tutorials that should help: https://kriesi.at/support/topic/video-requests

1) Full width images is really up to you. Something like 1500px wide is a good place to start and then let the slider stretch them as needed.

2) It depends on which columns you mean. There is the Portfolio section, a color section with three icon blocks inside and lots of other options. No real single way to do anything because of the amount of flexibility within the elements.

3) In the main theme options you just need to set the homepage to your “home” page and the blog page option to the page you want the blog to show on.

4) No, you can do just about everything without touching the theme files. There is a custom.css file included in the css folder for longer css additions and a Quick CSS field in the style tab for short css changes.

Regards,

Devin

It would need to be added in with a future update. Looking a bit closer it seems the icon font which has the arrows is not rendering in IE at all which is why they aren’t showing. I don’t know if this is intentional by Kriesi as a limitation of IE or what but I’ve tagged him on the topic to take a look at the issue.

Regards,

Devin

Hi cranwinks,

There is none for changing them individually so you would need to add custom css to either the Quick CSS or the custom.css file.

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

#top .entry-content h1 { color: #333333; }

#top .entry-content h2 { color: #333333; }

#top .entry-content h3 { color: #333333; }

#top .entry-content h4 { color: #333333; }

#top .entry-content h5 { color: #333333; }

And customize as needed.

Regards,

Devin

Hi tacoverde,

When you use !important after css, it forces that css to take effect above all else. So when you added that to your header height, it forces the header to stay the same size even when scrolling down.

Just adding a larger logo means you shouldn’t have to use any css to adjust the logo at all as the header should resize automatically. So all you really need is the:

.fixed_header #main {

padding-top: 120px;

}

from the other site you see the same effect on, you can look at the css they used here: http://50.116.98.244/~service/wp-content/uploads/dynamic_avia/casa_blanca.css?ver=1

Regards,

Devin

Hi Andy,

You could try something like this in a media query for mobile and below:

#menu_section .opened_menu {

border-top: 1px solid white !important;

}

Regards,

Devin

Adding the code directly is a very poor way to do it unless you are writing functions to filter posts and add it at the end. You’ll also then need to be responsible for updating the code and keeping it working correctly.

However, if that is the route you want to go, you can add it to the loop files in the includes folder of the theme files. If that doesn’t make sense to you just by looking at the files, you’ll need to look into a freelance developer.

Also keep in mind our queue system on here goes by oldest post in a topic, so self bumping/responding to a post actually means it takes us longer to respond.

Hi Spiv,

You can change them and then hit Save all changes at the top or bottom of the theme options. Other than that, no there aren’t any theme built profile saves or anything like that.

Regards,

Devin

Hi,

Here is the css. Please add it to /css/custom.css or to Quick CSS located in Enfold > Layout .. on bottom of the page. … there is an outline which is not seen, i left it as grey, though you can change it whichever way you want in this css

#top .rounded-container {

background: white;

border-color: grey;

}

Thanks,

NIck

Hi,

1. The header no longer has a gap between menu and top using Chrome, FF, and IE10 . Where do you see a gap and using what browser? http://www.clipular.com/c?6174232=rAJ9MxLXR2ZzeYMGDQwUOR-f9OA&f=a706922a622bfae41703f306ea414436

2. What you will need to do is use a shortcode for the green information button inside each of the text-blocks. Here is the shortcode

[av_button label='Click me' link='page,218' link_target='' color='green' custom_bg='#444444' custom_font='#ffffff' size='large' position='right' icon_select='no' icon='']

You will need to edit the label, and for the link , you can chose the ID of the page where you want the link to go to. So this will generate the green button. To display the Boek Nu link on the same line as the button, add it after the button shortcode below the button shortcode . http://www.clipular.com/c?6172260=q_gWPjkVzgUQFbcWbt3LRNEMUB0&f=6fe682a4b390268ff7e7e4ef13be8d1c

OFF TOPIC

Your logo is being resized making it blurry at small screen sized. You can either use this css to make it fit at 200×100 (as it is now)

#top .logo img {

width: 200px;

height: 100px !important;

}

#header_main .container, .main_menu ul:first-child > li a {

height: 100px!important;

line-height: 100px!important;

}

or you will need to resize your logo to 156×88 (the size its being displayed now via resize)

Thanks,

Nick

Hi dweb,

I’m not sure if you meant to reply to this topic or one of the others you have open on the same issue, but as Dude said above and I in one of your others: setting the featured image should fix your issue. Just make sure its done on each of your portfolio items.

Regards,

Devin

Hi,

Please add this CSS

#top .inner-entry {

box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);

}

Thanks,

Nick

Hi aweterings,

Much more clear now thank you. I’ve tagged Kriesi on both topics and hopefully find the root cause and a fix for it.

Regards,

Devin

I’ve tagged the topic for Ismaels Queue so he can easily respond.

Regards,

Devin

Hi Amirb,

I believe it has to do with elements not visible on the screen and forcing the browser to change view. I’ll tag the topic for Kriesi to look at as I’m not sure this is fixable or not with how the browser renders content.

Can you provide a link to your site so I can test it on iPad and see what might be going on?

Regards,

Devin

On the right hand side of the visual editor is a wordpress meta box named “Featured Image”. If you don’t see it, go to the top right of your screen and click the Screen Options tab. Check the box for Featured Image then close the tab and you should now see the featured image box.

You just click on Set Featured Image and it will prompt you on setting one.

Regards,

Devin

Hi goodplum,

I’ll mark the topic for Kriesi but often times there will be errors logged even when they have no real consequences that need to be addressed asap.

Regards,

Devin