Hi Cindy!

So based on what you’re saying, if i add a shortcode to a text block in the AVIA layout builder, this too would be saved to the wordpress database and should be safe from future updates?

Correct, that would be part of the Post content (saved under wp_posts table in the database).

Regarding the CSS questions:
1. enfold.css, is the dynamic stylesheet (if using a child theme the name will change, ex: enfold-child.css) Enfold generates to store your theme Styling settings and Quick CSS, it is located in /wp-content/uploads/dynamic_avia/.

2. style.css, here’s where you would put your custom CSS, to change something from one of the Enfold CSS files (base.css, layout.css, etc) you’d just need to copy the part you want to edit and perhaps add some !important to it to make sure it gets prioritised, for example to change the main-title styles (from layout.css):

.title_container .main-title {
margin: 0;
font-size: 24px !important;
position: relative;
z-index: 2;
min-height: 42px !important;
line-height: 3em !important;
top: 0;
font-weight: 900 !important;
}

3. Correct, that data is saved in the DB however if you are using a child theme it is recommended to use style.css instead, because sometimes custom CSS code can contain typos that would affect the rest of the dynamic stylesheet (refer to 1).

Cheers!
Josue

Hi Jasmer!

I’d suggest reducing the font-size when the screen gets smaller:

@media only screen and (max-width: 1024px) {
    .pricing-table > .avia-pricing-row:nth-child(2) {
        font-size: 28px;
    }
}

Cheers!
Josue

Hi Hank!

i read many posts there and it seems i have a little problem with the “Main Menu sublevel Links – Change the styling for your main menu dropdown links” as font and background colors are ok but impossible to change the font size and height , it doesnt react.

Are you referring to the Advanced Style Editor?

my other question would be the direction of the menu , i would like to make it vertical instead of going horizontal, is there any way to chose it?

By default is vertical, make sure you don’t have this option checked in the Menu Items – http://screencast.com/t/KJdazfCxAVC

Regards,
Josue

Hi a-l-p!

please post a link to your website, so we can see what you mean.

a) menu should be on the left side by default. Where is your logo right now? However you can set it with this to the left:

.html_header_top.html_logo_center .logo {
left: 15%;
}

Adjust “15” as needed.

b) I have no idea what you mean. Please show me the link to your website or at least some screenshots (imgur.com)

c) Try this code:

.html_header_top.html_logo_center .main_menu ul:first-child {
background: red;
}

d) Use this code for font size and font family:

.html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a {
font-size: 18px !important;
font-family: Georgia;
}

Height of the menu:

.html_header_top.html_logo_center .main_menu ul:first-child {
margin-top: 20px;
}

e) I don’t think you can add any icons to the menu points. For this you would need to hire a freelancer.

Regards,
Andy

Hey oestersund!

You can target that with this CSS.

aside .menu li {  }
aside .menu a { font-size: 16px !important; }

aside .textwidget p { line-height: 20px !important; }

Best regards,
Elliott