Hi Elliott,

That doesn’t seem to work. Just to clarify, trying to increase the font size of this: https://www.dropbox.com/s/i7zavmsrmpq2p5l/headerfont.png?dl=0

We currently have the below in the Quick CSS, but it’s not working.

/* Below added on 1/10/14 to make the main body text larger. */
body, body p {
font-size: 17px;
}

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

.phone-info { font-size: 20px; }
#top .social_bookmarks li a { font-size: 20px; }

#header_meta nav.sub_menu a {
font-size: 20px !important;
}

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

Thanks, I’ve added this

.main-title.entry-title a {
   font-weight: bold!important;
   color: black!important;
  text-transform: uppercase!important;
font-size: 120%!important;
} 

but since I’ve set the font size bigger, now the title is not aligned in the center of the title box and I don’t know how to align again, sorry…

Hi

I have turned the css off as it was causing issues so now it is the default icon list. I was trying to get the icons and text smaller using this code …

/* CT START Control the size of the icon list and text and bottom margin */

/* .iconlist-char { */
/*     font-size: 20px; */
/*     position: absolute; */
/*     top: 0px; */
/*     left: 0px; */
/* } */

/* If you assign this css class to an icon list they will pick up the css class */
#top .product-icon-list {
    margin-bottom: -40px;
}

/* Icon List */

/* .avia-icon-list .iconlist_icon { */
/*    height: 30px; */
/*    width: 30px; */
/*    line-height: 30px; */
/*    position: relative; */
/*    top: 0px; */
/*    left: 20px; */
/* } */

/* CT END Control the size of the icon list and text */

http://cttdev.cagraphicdesign.biz/
Hi Rikard
This is very mysterious. I saw that the code was incorrect and assumed it was because I created it in a practice page using shortcodes, then copying over the text version to a text widget for the header widget.

That said, I started fresh using your code. I placed it in the header text widget and in the footer text widget…
it works fine in the footer but not in the header…very strange. Feel free to log in to the back end…maybe I did not create that header widget correctly.

here is the code that is in both widgets now:

<h2>[av_font_icon icon='ue836' font='entypo-fontello' style='' caption='' link='post,1' linktarget='' size='40px' position='left' color='#ffffff']
Click here to enroll
[/av_font_icon]<span style=”color: #002d73;”>ENROLL NOW!</span>
<span style=”color: #002d73;”> 800-862-2678</span></h2>

Actually both these work! ,

#top.page-id-26876 .iconlist_title {
font-weight: 100;
font-size: 14px;
text-transform: none;
}

.page-id-26876 .iconlist_title {
font-weight: 100;
font-size: 14px;
text-transform: none;
}

I was targeting the wrong page number and so did not see it change when i checked the page i wanted.

OOPS! , Thanks though.

Is there a preferred One to use from the above or does it not really matter?

you can go to Colors tab on your element to change colors

Its the” icon list title” colour i want to change on the page, i see you can change the icon colours and have done that already.. Is there a extra bit of code i can add to this to target the icon list title colour?

page-id-26876 .iconlist_title {
font-weight: 100;
font-size: 14px;
text-transform: none;
}

This code is also changing the size of the icon on an icon box as well.

I only want it to change on the Icon List …

/* CT START Control the size of the icon list and text and bottom margin */

.iconlist-char {
font-size: 20px;

}

.iconbox_icon {
    font-size: 20px !important;
}

.avia-icon-list-container.avia-builder-el-8 {
    margin-bottom: -20px;
}

/* Icon List */

.avia-icon-list .iconlist_icon {
height: 30px;
width: 30px;
line-height: 30px;
}

/* CT END Control the size of the icon list and text */

Hi

I have it here

/* CT START Control the size of the icon list and text and bottom margin */

.iconlist-char {
font-size: 20px;
}

.iconbox_icon {
    font-size: 20px !important;
}

.avia-icon-list-container.avia-builder-el-8 {
    margin-bottom: -20px;
}

/* Icon List */

.avia-icon-list .iconlist_icon {
height: 20px;
width: 20px;
line-height: 40px;
}

/* CT END Control the size of the icon list and text */

The font hasnt changed in size

Sorry thats beyond me this is working fine

#top .iconlist_title {
font-weight: 100;
font-size: 14px;
text-transform: none;
}

But this was not

#top.page-id-26876 .iconlist_title {
font-weight: 100;
font-size: 14px;
text-transform: none;
}