Ok thanks for your answer! I would like to point out though that it is possible to do it. What I did was that I added this code at the end of my child theme’s functions.php file:

// Add close window functionality
function add_custom_script(){
?>
<script>
(function($){
    $(window).load(function() {
    	$('.close-window .avia-button').on('click', function(){
				 window.open('', '_self', '');
                 window.close();
        });
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

Then I added my button through the visual editor and added the close-window css class into the custom CSS field.

Then in my single.php template file I used the do_shortcode wordpress function and I copied the shortcode created from the visual editor and pasted like this escaping the ‘ character:

<?php echo do_shortcode('[av_button label=\'Close window\' link=\'manually\' link_target=\'\' size=\'small\' position=\'center\' icon_select=\'yes\' icon_hover=\'aviaTBicon_hover\' icon=\'ue813\' font=\'entypo-fontello\' color=\'theme-color\' custom_bg=\'#444444\' custom_font=\'#ffffff\' custom_class=\'close-window\']'); ?>

Thanks again for your help!

1. Thanks. Sometimes though I want to do more than one thing with the text (underline and italic, just change font size in another situation, etc.). Also, I don’t know how to create a custom class. I’m not a coder. I just know basic html and what I can find on google. :)

2. I’ve tried using that (per my basic html knowledge) and it’s not been successful. Hence why I asked. Is there another solution?

3. Thanks for the clarification. Am I able to do half measures? (ex. 2.5px)

1. Thanks! I should have been more specific. What about when I want to use mixed font sizes not change the font size for the WHOLE text block? That’s what I mean

2. You didn’t answer this one. Create line breaks in Descriptions of elements and in text blocks. (Ex. italics is )

3. That helps a lot thanks! If I ever wanted to adjust the spacing which number in that code do I change? I don’t understand why “5px 0” repeats twice.

Hello Yigit.

With the code you sent me does not solve my problem 100%.

I need to control the height and width of the box, font size and text placement. Kind of like the code below.

Is that correct?

#top #header .mega_menu_title the {
   font-size: 12px! important;
   line-height: .3em! important;
   min-height: 12px;
}
span.mega_menu_title the {
   text-align: center! important;
}
#top .avia_mega_div #header> .sub-menu {
   border-top-style: solid;
   border-top-width: 2px;
   display: table;
   padding: 3px 3px 2px 2px;
}
#top #header .avia_mega_div> .sub-menu.avia_mega_hr {
   padding-top: 5px;
}

Awesome, it looks great!

Is it possible in the future you could add an option inside of the elements to customize font’s and sizes? That would make this theme the greatest.

thanks Begrafiks, I’ve tried that but although the italics slant disappears, the font is still weird and doesn’t look like the body text which should be Source Code Pro font size 15px.

I agree on the ‘hover’ state not looking good – how can I change that to just bold the text instead of changing it to red?

Unfortunately this does not solve the problem.

My problem is, that, no matter which font-size I define, it does not change the size of the font in the blog entries on the main page. Only the spacing between the lines becomes bigger.

There is no difference if I define the font-size in the theme settings or if I add it as a custom CSS.

Hi I have tried above code but didnt work and need to change size of the fonts as well.

Second option as you mentioned: Can you please send me full instruction how to important it and where?

Regards
Q

• This reply was modified 10 years, 10 months ago by DigitalBerg.

Thanks for getting back to me. I followed your instructions, turned off the minify css and added the code to the quick css. That change did not work. Its seems margin is coming from the class/css below, and Im not sure how to change that.

Looking at the code and CSS, I see:

class=”template-page content twelve alpha units”

and CSS

border-bottom-color: rgb(68, 68, 68);
border-bottom-style: none;
border-bottom-width: 0px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(68, 68, 68);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(68, 68, 68);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(68, 68, 68);
border-top-style: none;
border-top-width: 0px;
box-sizing: content-box;
clear: left;
color: rgb(68, 68, 68);
display: block;
float: left;
font-family: ‘Open Sans’, HelveticaNeue, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
font-size: 13px;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 635px;
line-height: 21.4500007629395px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
min-height: 1px;
padding-bottom: 50px;
padding-left: 0px;
padding-right: 0px;
padding-top: 50px;
position: relative;
vertical-align: baseline;
width: 910px;
z-index: 1;

Hi,
thanks for your quick reply!

The thing is that I know the styling settings and the option in the text block to set the font size.
But its limited to a size of 40 resp 25. (And doesn’t even show a reaction when I apply the function).

What to do if want to have a 100 or 150?

I really appreaciate your help.
Sandra