Hi Yigit,

that’s what I started off with. Unfortunately that doesn’t to work.

I’ve managed to get it working now with the following….

#socket .social_bookmarks li a {
width: 50px !important;
height: 50px !important;
font-size: 18px !important;
}

The same as your suggestion with an added ‘li’.

So all sorted now :)

Cheers,
Dan

Josue, copied and pasted your code in quick css and nothing happened. I changed the font size, top position and left and nothing has changed.

The margin that takes to the button:
body div. avaia-button
margin: 327px -370px;

And opacity and size
#top .avia-slideshow-button.avia-color-light {
. Padding: 10px 14px;
. Background-color: RGBA (0,0,0,0.6);
}

Your code should be controlling some other function.

Thanks Rikard, the text font size looks good now. However i want my menu links to look like the example i sent in the screenshot. Could you provide the css code to make the menu links look larger/bolder? Thanks.

Ok so i changed the name of my MAINMENU (Enfold Child Menu) to [av_font_icon icon='ue811' font='entypo-fontello' size='40px' position='left' color=''][/av_font_icon]
But there is no icon displayed? did i something wrong?

I understand you are looking for us to give you live access but it is not environmental.

I know it has to do with any escaped html in a codeblock or a textblock.

I can see the issue in the debugger php and javascript debugger. I just do not sure which side is a fault yet.

Basically, for codeblock the contents are interpreted somewhere along the way causing the escaped html to be lost (unescaped).

You can do this yourself by simply entering the following code in a codeblock. I assume you have access to enfold theme (press update and you will see the error).

<div style="margin-left: 15px; line-height: 15px; font-size: 12px; font-family: courier; background-color: #e2e2e2; padding-left: 5px;">
<pre><code><?xml version="1.0" encoding="utf-8"?>
<Profile Type="0"
         DisplayName="TIFF 200dpi Optimized Color"
         Description ="Word Printed 2-Up with Comments and Date Replacement.">

  <Settings>

    <span style="background-color: yellow;"><strong><!--Word Specific  options --></strong></span>
    <span style="background-color: yellow;"><strong><add Name="Microsoft.Word.Document.PrintOut.Item" Value="DocumentAndMarkup"/></strong></span>
    <span style="background-color: yellow;"><strong><add Name="Microsoft.Word.PageSetup.TwoPagesOnOne" Value="True"/></strong></span>
    <span style="background-color: yellow;"><strong><add Name="Microsoft.Word.ReplaceFieldDateWith" Value="***DATE***"/></strong></span>

    <!-- Output file options -->
    <add Name="Devmode settings;Resolution" Value="200"/>
    <add Name="Save;Output File Format" Value="TIFF Multipaged"/>
    <add Name="Save;Append" Value="0"/>
    <add Name="Save;Color reduction" Value="Optimal"/>
    <add Name="Save;Dithering method" Value="Halftone"/>

    <!-- TIFF Compression Options -->
    <add Name="TIFF File Format;BW compression" Value="Group4"/>
    <add Name="TIFF File Format;Color compression" Value="LZW RGB"/>
    <add Name="TIFF File Format;Indexed compression" Value="LZW"/>
    <add Name="TIFF File Format;Greyscale compression" Value="LZW"/>
    <add Name="JPEG File Format;Color compression" Value="Medium Quality"/>
    <add Name="JPEG File Format;Greyscale compression" Value="High Quality"/>
    <add Name="Image Options;Fax" Value="0"/>

  </Settings>
</Profile></code></pre>
</div>

Hi Yigit,

Here is my custom CSS code:

#top .avia-post-nav{
display:none !important;
}

.logo img {
padding-top: 15px;
padding-bottom: 15px;
width:400px
centre
}

/* Font style in Menu */
.avia-menu-text {
font-size: 14px;
}

span.toggle_icon {
width: 15px !important;

Many thanks,

Elindsay