To add Advanced Layout Editor To Posts or Custom Post Types please watch video here (easy instructions) – https://vimeo.com/64996057

To be able to switch between the advanced layout editor and the standard editor without having content set with the advanced editor show up as blank in the standard editor see code here -> https://kriesi.at/support/topic/cant-edit-or-change-a-text-block-in-avia-layout-builder#post-110199

Andy,

You are the first person to ever ask me that question (whether to start a new thread), most just ask 3 pages of unrelated questions over 5 months. Thanks for asking! Nah you can continue here since its relevant to the overall theme of our exchange.

I felt that in your case best thing to do was to get you hooked on the google tool since then you can customize your own look. read somewhere carefully about position:absolute and position:relative and how they relate to each other when one div is relative inside an absolute div and vice versa and how that affects margin and padding. Also try to move your logo for example to the bottom right corner of screen without messing anything else up using right:20px .left, down, top, and the position: tag… Goodstuff.

It’s not difficult to edit it. Now sitting down in front of an empty screen and writing it from nothing is difficult.

So ask away.

Thanks,

Nick

Hi,

What you are showing on the site can be changed in file /includes/loop-index.php , with the blog image on line 101 the way you have the blog setup, remember there are multiple settings. However all are controlled on this page. But yours is line 101 for the image.

I suggest you get NotePad++ and download the theme folder somewhere on your desktop home computer, then use notepad++ to search through all files in the entire folder for classes you see when you view source around the parts you want to edit and then you will see how the structure is and which pages it is located on. https://kriesi.at/support/topic/changing-to-antoher-language#post-102486

Thanks,

Nick

Do you mean the *menu* ? The header is just the page title and breadcrumbs. The menu is done in Appearance>menus. This is the list of pages at the top of the page.

Hi rynleigh,

How did you add in that menu on the left? It seems to be just a regular menu and is only getting the normal list styling (not anything theme specific).

It can be removed with:

#top .entry-content #nav_menu-32 ul {

list-style: none outside;

}

But I’m not sure if that solves the issue since you may be trying to get some other kind of effect.

Regards,

Devin

Hi rrdr,

In this video I create a section very much like that one: https://vimeo.com/channels/aviathemes/64927358

You just need to use a color section and set a background image to get that kind of effect. Then you can add other elements on top of it.

Additional videos are posted on that same channel and you can make requests for new ones here: https://kriesi.at/support/topic/video-requests

Regards,

Devin

Hi,

If I understood you correctly, please add the code below to Quick CSS located in Enfold > Layout .. text area on the bottom of the page OR add it to the bottom of /css/custom.css

@media only screen and (min-width: 1140px){

#top .avia_mega_div.avia_mega3.nine.units {

right: -662px !important;

}}

Thanks,

Nick

Hi madebynoemi,

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.single-post .big-preview.single-big {

display: none;

}

This is the most straightforward way of removing the featured media are on the single posts.

Regards,

Devin

Glad we could help :)

Let us know if you have any other questions or issues. I’ll close this topic for now since the main issue has been resolved.

Regards,

Devin

Hi kriru,

I’m not sure which theme you are using, but generally you can change the color of the bold text by 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 p strong {

color: #333;

}

Just change the color code to the color you want.

Regards,

Devin

Glad we could help :)

If you have any other video requests for tutorials I’m looking to do some more when the current overflow of support topics calms down. Just make a post in this topic with any requests: https://kriesi.at/support/topic/video-requests

Regards,

Devin

Hi,

Ok thats good, however that won’t always work. You need to add #top before everything (which is from the body tag) , this way you will get more specificity and override the original code. Sometimes for some real hard cases, you need to add !important; to the end of the statement — color: red !important;

if your code ignored, do this. Open up chrome developer tools like this ( http://i.imgur.com/RfNyIBs.png ) find custom.css file in there step 2, then you add your changed code into the screen in middle, just don’t forget to copy it if you need to refresh ) and enter the css directly, if nothing changes, add #top, take something off, and you will see results live, so this way you don’t have to copy and paste and save every time to see whats working and what isnt. also you can edit the html live too and any of the files, but as soon as you refresh, its all gone.

also don’t use media=”screen” unless you see something like @media only screen and (max-width:767px) { .. if you see that, you need to grab that since that’s a media query (which is css that works on a specific screen size for mobile/tablets).

so first try (your code with #top directive)

#top .avia-icon-list .iconlist_icon {

height:64px;

width:64px;

line-height:60px;

font-size:30px;

text-align:center;

border-radius:500px;

position:relative;

float:left;

margin-right:30px;

margin-left:2px;

z-index:5;

border-style:solid;

border-width:2px;

color: #fff;

}

Then as you get comfortable you will see that css is like a postal address country, state, city, street, house.. further you go in the more specific it becomes. So you can take the less specific stuff off sometimes.

#top .avia-icon-list .iconlist_icon {

background-color: #d73119;

}

I wish you had a url, where I can look at these disks. when i click url from your name , a website loads, but nothing there.

Don’t give up on this tool, watch a youtube tutorial for it because its as easy or complex as you want it to be. Its the only one I use and only one many (if not all) use to debug or modify any website.

Thanks,

Nick