Hi martinbose!

You can add a unique selector for each Avia Elements. Edit functions.php, find this code:

if(isset($avia_config['use_child_theme_functions_only'])) return;

Below, add this code:

add_theme_support('avia_template_builder_custom_css');

Edit the Color Sections then add a unique custom css like “hide-section”. You can use media query to hide all sections with the “hide-section” selector. Add something like this on Quick CSS or custom.css:

@media only screen and (max-width: 767px) {
  .hide-section {
display: none;
}
}

Best regards,
Ismael

Hey!

Add this on Quick CSS:

.author-extra-border {
width: 100%;
}

.search .content.template-search {
border: none;
}

Best regards,
Ismael

Hi MUNFORD!

I think you forgot to close the anchor tag on the text block with the “CFC Short and Doc” logo. Edit the text block, find this code:

<h3 style="text-align: center;"><a title="SHORT & DOC" href="http://www.copenhagenfilmcompany.dk/2014/short-doc_en/"><img class="wp-image-3617 aligncenter" style="margin-top: 0px; margin-bottom: 0px;" alt="SHORT & DOC" src="http://www.copenhagenfilmcompany.dk/2014/wp-content/uploads/2014/01/SHORTDOX1-300x220.png" width="211" height="155"></a>CINEMATIC STORYTELLING</h3>

Replace it with:

<a title="SHORT & DOC" href="http://www.copenhagenfilmcompany.dk/2014/short-doc_en/"><h3 style="text-align: center;"><img class="wp-image-3617 aligncenter" style="margin-top: 0px; margin-bottom: 0px;" alt="SHORT & DOC" src="http://www.copenhagenfilmcompany.dk/2014/wp-content/uploads/2014/01/SHORTDOX1-300x220.png" width="211" height="155">CINEMATIC STORYTELLING</h3></a>

Cheers!
Ismael

Hi allaboutapps!

You can use these selectors on Quick CSS:

.sort_by_cat {
font-size: 15px;
}

.inner_sort_button span {
color: red;
}

.main_color #js_sort_items a.active_sort {
color: blue;
}

Best regards,
Ismael

Hi!

Can you please give us a link to the old home page then the new one named “Concept”?

Cheers!
Ismael

Hey!

1.) You can use this for the actual logo:

@media only screen and (max-width: 767px) {
.responsive .logo img {
height: 100px;
}
}

Adjust the header using the code I posted earlier.

2.) Did you modify the menu? Use this to display the menu.

@media only screen and (max-width: 767px) {
.responsive #header .main_menu ul {
display: block;
}
}

Cheers!
Ismael

Hi gloopy1!

You can add this on Quick CSS to remove the forum header:

.bbp-header {
display: none;
}

Cheers!
Ismael

Hey!

Did you choose the correct menu on the custom menu widget?

Regards,
Ismael

Hi!

You can add this on Quick CSS to center align the team member elements.

.avia-team-member {
text-align: center;
}

Best regards,
Ismael

Hey!

Yes, that is possible. Create a page then set it to “No Sidebar”. Insert 3 1/3 Columns with Blog Posts element on each. Add another 3 1/3 column below. If you want to show some widgets on one of the 1/3 column, insert the Widget Area element.

Cheers!
Ismael

Hey!

Glad it worked. :)

Regards,
Ismael

Hi!

Change it to “fullwidthmap” please then add this on Quick CSS:

#fullwidthmap .container {
width: 100% !important;
}

Remove browser cache then reload the page.

Regards,
Ismael

Hey!

Yes, but you need to use the Boxed Layout.

Regards,
Ismael

Hey!

This is the ID of your Color Section “fullwidthmap-.container-width-100-important-“. Please change it.

Best regards,
Ismael

Hi jmikhail!

Please add this on Quick CSS or custom.css:

@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .mobile_menu_tablet .main_menu {
display: block;
}
}

Cheers!
Ismael