That’s really great. Thanks so much.
So on top of my page on the left side I have an image saying:
1. Unser USP – on click the image usp-image.png should open in a lightbox (background gets dark, like in normal lightbox mode)
2. Unsere Kunden sind… – on click the image kundenkreise.png should open in a lightbox.

I have a problem further down with the font settings for my IMAGE WITH HOTSPOTS – in LEISTUNGSANGEBOT.
I have quite some text to show here and need to reduce the size of the font. But this doesn’t work so I used h6 as a font size. But formatting gets really tricky, because I cannot make a next line command <br>. It won’t show.

AND: My #anchors still not work on Safari :-(

Thanks Nora

Hi,
I’m getting ready to go live and have a couple more questions. How do I get the last graphic image where I have it highlighted in yellow to move down a little?

How do I get the phone number bar to increase in height and also make the phone number bold and bigger font?

Can you also confirm that everything looks good in all mobile sizes?

Thank you!

Hi Jordan,

There was a change to another font only but the size was still small
You can see that it can’t be 26px now
http://kortfilmsproduktion.se/

Best regards
Charlotte

Hi Jordan.

thanks for your reply. I have no idea but here is what is in the Quick css

.grid-entry-excerpt.entry-content{
font-style:normal!important;
}

.page-id-13220 #header, .page-id-13220 .main_color{
background:#000!important;

h3.grid-entry-title.entry-title{
font-size:26px!important;
}

.grid-entry-excerpt.entry-content{
font-size:15px!important;
}

@media only screen and (max-width: 767px) {
#top #wrap_all #header.header_color.av_header_transparency #blog {
padding-top: 90px!important;
}
#blog {
padding-top: 35px;
}
}
@media only screen and (max-width: 767px) {
.header_color div .av-hamburger-inner, .header_color div .av-hamburger-inner::before, .header_color div .av-hamburger-inner::after {
background-color: #ffffff;
}
.responsive .av_header_transparency #header_main .social_bookmarks li a { color: #ffffff; }
}

#top .av-main-nav ul a { padding: 3px 15px; }
.header_color div .av-hamburger-inner, .header_color div .av-hamburger-inner::before, .header_color div .av-hamburger-inner::after { box-shadow: 1px 1px 5px #000000; }

/* Activate burger menu */
@media only screen and (max-width: 1230px) {
#top #header .av-main-nav > li.menu-item {
display: none!important;
}
#top #header .av-burger-menu-main {
cursor: pointer;
display: block!important;
}}

.single-portfolio .page-thumb {
display: none;
}
.html_header_transparency .single-portfolio #main .avia-iframe-wrap {
padding-top: 100px;
}
.html_av-submenu-hidden .av-submenu-indicator { opacity: 1; }
.av-special-heading-tag strong {
color: inherit!important;
}
.grid-entry-excerpt.entry-content{
font-style:normal!important;
}

.page-id-13220 #header, .page-id-13220 .main_color{
background:#000!important;

h1.grid-entry-title.entry-title{
font-size:20px!important;
}

.grid-entry-excerpt.entry-content{
font-size:15px!important;
}

I think I just found out:

.av-elegant-toggle .toggle_content {
font-size:inherit;
{

Is that correct?

Dear Rikard,

thats Right. But i can only Change the Font-Size, Color, Background Color and Font-Family.
But not font-weight for Hauptmenu.

When i added in my child the the css style “font-weight: bold” Show me no effect.

;(

Do you know?
Do you can help me again?
Very thanks
Andreas

Hello,

I try to change the font size
h3.grid-entry-title.entry-title{
font-size:26px!important;
}

but the title does not get bigger and I added it in beginning of Quick CSS and empty cache.

Best regards
Charlotte

Aha, ok, sorry here comes the functions.php file
<?php

/**
* Add your own functions here. You can also copy some of the theme functions into this file.
* WordPress will use those functions instead of the original functions then.
*
* Remove the comments before or around the sample functions and code to use theme.
* @link http://kriesi.at/documentation/enfold/using-a-child-theme/
*/

/**
* Add filter to add or replace Enfold ALB shortcodes with new folder contents
*
* Note that the shortcodes must be in the same format as those in
* enfold/config-templatebuilder/avia-shortcodes
*
* @link http://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/
*/

add_filter(‘avia_load_shortcodes’, ‘avia_include_shortcode_template’, 15, 1);
function avia_include_shortcode_template($paths)
{
$template_url = get_stylesheet_directory();
array_unshift($paths, $template_url.’/shortcodes/’);

return $paths;
}

/**
* Turn on Custom CSS Class field for all Avia Layout Builder elements
* @link http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
*/
//add_theme_support(‘avia_template_builder_custom_css’);

/**
* Remove the Import dummy data button from theme options
* @link http://kriesi.at/documentation/enfold/remove-the-import-dummy-data-button/
*/
//add_theme_support(‘avia_disable_dummy_import’);

/**
* Enable Avia Layout Builder Debug
* @link http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
*/
add_action(‘avia_builder_mode’, “builder_set_debug”);
function builder_set_debug() {
return “debug”;
}

add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
function avia_add_heading_font($fonts)
{
$fonts[‘Prata’] = ‘Prata:400’;
$fonts[‘Francois One’] = ‘Francois One:400’;
$fonts[‘Open Sans’] = ‘Open Sans:300,400,600,700’;
$fonts[‘Alegreya’] = ‘Alegreya:400,700’;
return $fonts;
}

add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
function avia_add_content_font($fonts)
{
$fonts[‘Prata’] = ‘Prata:400’;
$fonts[‘Francois One’] = ‘Francois One:400’;
$fonts[‘Open Sans’] = ‘Open Sans:300,400,600,700’;
$fonts[‘Alegreya’] = ‘Alegreya:400,700’;
return $fonts;
}

add_filter(“kriesi_backlink”,”new_nolink”);
function new_nolink(){
$kriesi_at_backlink = “”;
return $kriesi_at_backlink;
}

add_filter( ‘avf_modify_thumb_size’, ‘enfold_customization_modify_thumb_size’, 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
$size[‘masonry’] = array(‘width’=>1500, ‘height’=>250);
$size[‘entry_without_sidebar’] = array(‘width’=>1210, ‘height’=>1210 , ‘crop’ => false);
return $size;
}

function av_title_sc( ){
$output = “<h1 class=’page-title’>”. get_the_title() .”</h1>”;
return $output;
}
add_shortcode( ‘av_page_title’, ‘av_title_sc’ );

function av_author_sc(){
$current_user = wp_get_current_user();
$output = “<h6 class=’ra-author’>AN ARTICLE BY ” . $current_user->user_firstname . “</h6>”;
return $output;
}
add_shortcode(‘av_author’,’av_author_sc’);

function av_excerpt( ){
$excerpt = get_the_excerpt( $post );
$output = “<span class=’related-excerpt’>”.$excerpt.”</span>”;
return $output;
}
add_shortcode( ‘av_post_exc’, ‘av_excerpt’ );

function avia_post_created(){
$output = “<span class=’post-date’>”. get_the_date( $format, $post_id ) .”</span>”;
return $output;
}
add_shortcode( ‘avia_created’, ‘avia_post_created’ );

add_action( ‘after_setup_theme’, ‘ava_enfold_builder_layout_mod’ );
function ava_enfold_builder_layout_mod(){
add_filter(‘avf_builder_elements’, ‘avf_enfold_builder_layout_settings_mod’);
}

function avf_enfold_builder_layout_settings_mod($elements)
{
$counter = 0;
foreach($elements as $element)
{

// Layout > Header visibility and transparency
if($element[‘id’] == ‘header_transparency’) {
/**
*
* Available Options
* No transparency =
* Transparent Header = ‘header_transparent’
* Transparent Header with border = ‘header_transparent header_with_border’
* Transparent & Glassy Header = ‘header_transparent header_glassy ‘
* Header is invisible and appears once the users scrolls down = ‘header_transparent header_scrolldown ‘
* Hide Header on this page = ‘header_transparent header_hidden ‘
* MOD: Set the Layout > Header visibility and transparency settings to “Hide both”Header is invisible and appears once the users scrolls down”
*
**/
$elements[$counter][‘std’] = ‘header_transparent’;
}

$counter++;
}
return $elements;
}

function av_single_fo(){
?>
<script>
var header = jQuery(“.single-post #main .avia-section .content”);
jQuery(window).scroll(function() {
var scroll = jQuery(window).scrollTop();

if (scroll >= 250) {
header.addClass(“single-header”);
} else {
header.removeClass(“single-header”);
}
});
</script>
<?php
}
add_action(‘wp_footer’, ‘av_single_fo’);

add_filter( ‘style_loader_src’, ‘t5_remove_version’ );
add_filter( ‘script_loader_src’, ‘t5_remove_version’ );

function t5_remove_version( $url )
{
return remove_query_arg( ‘ver’, $url );
}

function raboff_custom_checkbox(){
?>
<script>

jQuery(window).load(function(){
jQuery(‘h2.avia-caption-title’).after(‘<p class=”close-caption”> </p>’);
jQuery( “.close-caption”).click(function() {
var closeTheCap = jQuery(this).closest(“.slideshow_align_caption”);
closeTheCap.hide(“slow”);
});
});

jQuery(window).scroll(function(){
var numberNotChecked = jQuery(‘fieldset.alacarte-form input:checkbox:not(“:checked”)’).length;
console.log(numberNotChecked, “Hello, world!”);

if (numberNotChecked >= 16) {
jQuery(“.one-day”).addClass(“p-highlight”);
}
else {
jQuery(“.one-day”).removeClass(“p-highlight”);
}

if (numberNotChecked <= 15 && numberNotChecked >= 8 ) {
jQuery(“.two-day”).addClass(“p-highlight”);
}
else {
jQuery(“.two-day”).removeClass(“p-highlight”);
}

if (numberNotChecked <= 7 ) {
jQuery(“.three-day”).addClass(“p-highlight”);
}
else {
jQuery(“.three-day”).removeClass(“p-highlight”);
}

});
</script>
<?php
}
add_action(‘wp_footer’, ‘raboff_custom_checkbox’);

function avia_add_custom_social_icon($icons) {
$icons[‘Turning Torso’] = ‘turning_torso’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);

Hi Yigit :)

Thanks for your reply.
Exactly what should I delete in the functions.php

/*
Theme Name: Raboff
Description: A Child Theme for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://kriesi.at
Template: enfold
*/

/*Add your own styles here:*/

#top .custom-color-heading a {
text-decoration: none !important;
}

div .slideshow_caption h2 {
text-transform: none;
}
#top #header .av-main-nav > li > a {
text-transform: uppercase;
padding: 0 8px;
}
#blog .container,#fwcs .container { width: 100% !important; max-width: 100%; padding: 0; margin: 0; }

@media only screen and (min-width: 768px) {
/* .film-slider .flex_column {
width: 29.3%;
} */
.film-slider .flex_column:nth-child(4n+4) {
clear: both;
margin-left: 0;
}}
.yrm-inner-content-wrapper,.yrm-content p {
color: white !important;
}

#footer { display: none; }
.single-post #footer { display: block; }
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content * {
color: black;
}
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
background: white;
}
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
-webkit-animation: none;
animation: none;
}
#top #header .av-main-nav > li > a, #top .av-logo-container .social_bookmarks li a {
text-shadow: 2px 1px 2px #000000;
}

#top .avia-smallarrow-slider .avia-slideshow-arrows {
width: 100%;
}
.page-title {
text-align: center;
font-size: 50px;
margin-top: 10px;
}

.av-masonry-entry.av-masonry-item-loaded {
border-top: 1px solid #e2e2e2;
width: 100%!important;
max-height: 250px;
}
.av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
padding-bottom: 250px!important;
}

h6.ra-author {
color: #666666;
font-family: ‘Open Sans’, sans-serif !important;
letter-spacing: 0.1em;
text-transform: uppercase;
font-size: 18px;
text-align: center;
}
h6.ra-author:after {
border-bottom: 3px solid #666666;
content: “”;
height: 5px;
display: block;
margin: auto;
padding-top: 16px;
max-width: 200px;
}
h6.ra-author {
margin-top: 30px;
}
span.related-excerpt {
font-size: 25px;
font-weight: 100;
font-family: ‘Open Sans’, sans-serif;
padding-top: 20px;
}
.av_two_fifth .hr {
margin-top: 20px!important;
}
.single-blog-title .page-title {
font-size: 75px !important;
margin: 0;
}

.single-post .avia-section.av-minimum-height .container .content.single-header {
opacity: 0;
transition: all 0.75s ease-in-out;
}
.single-post .avia-section.av-minimum-height .container .content {
transition: all 0.75s ease-in-out;
opacity: 1;
vertical-align: midle;
}
#top textarea {
max-height: 150px;
}
.av-masonry-entry.av-masonry-item-loaded {
width: 100% !important;
}

.single-post #main .container {
max-width: 100%;
padding: 0;
}
.single-post #footer .container, .single-post #socket .container,.single-post .comment_meta_container, .single-post .comment_container {
padding-right:50px;
padding-left:50px;
}
.single-post .content {
padding-top: 0;
}
#top .fullsize .related_posts {
padding: 0 50px;
border: none;
}

.blog-info {
width: 100%;
text-align: center;
}

.blog-info-inner {
color: #666666;
}
.post-date {
display: block;
position: relative;
}
@media (min-width: 1142px) {
.post-date::before {
top: 15px;
right: 0;
width: 280px !important;
}
.post-date::after {
top: 15px;
right: 0;
width: 280px !important;
}}
@media only screen and (max-width: 768px) {
.post-date::after, .post-date::before { display: none !important; }}
@media only screen and (min-width: 700px) {
.post-date::before {
border-top: 1px solid #666666;
content: “”;
height: 1px;
position: absolute;
top: 14px;
left: 0;
width: 280px;
}
.post-date::after {
border-top: 1px solid #666666;
content: “”;
height: 1px;
position: absolute;
top: 14px;
right: 0;
width: 280px;
}}
span.page-title {
font-family: ‘Playfair Display’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif !important;
font-size: 50px;
line-height: 1.2em;
}
.post-date {
font-size: 20px;
}

.page-id-9330 .avia-content-slider-element-container {
max-width: 920px;
margin: auto;
}

.av-main-nav ul{ top: 70%; padding-top: 5px; padding-bottom: 5px; }
#top .fullsize .template-blog .big-preview {
margin-bottom: 2em;
}
#love .content {
padding-bottom: 0;
}
#bio .content {
padding-top: 20px;
}

#top .avia-smallarrow-slider .avia-slideshow-arrows a {
width: 49px;
height: 49px;
font-size: 25px;
}
#top .avia-smallarrow-slider .avia-slideshow-arrows a:before {
line-height: 50px;
}

.entry-content {
margin-top: 10px !important;
}

#top #wrap_all .av-social-link-turning_torso a:before{
content: “”;
width: 25px;
height: 25px;
display: inline-block;
vertical-align: middle;
background: url(http://raboff.com/wp-content/uploads/2017/12/Turning-Torso-icon.png) no-repeat center center;
background-size: contain;
}

#fw-cs .container { width: 100%!important; max-width: 100%!important; margin: 0!important; padding: 0!important; }
#fw-cs iframe { width: 100%!important; }

#blog .container, #blog .content {
padding-top: 0!important;
}

.av-main-nav ul {
width: 115px;
}