Hey dentaparks!
Please add following code to Quick CSS in Enfold theme options under Styling tab to increase font size of main menu
.av-main-nav > li > a { font-size: 16px; }
Yes, you should add images to have a similar header. However, you are going to need to hire a freelance developer on Microlancer or Codeable for that kind of customization as it is beyond the scope of support we can provide. You can also request quote here.
Cheers!
Yigit
Hey rhinocorp!
Please try adding following code instead and flush browser cache after applying the code
.av-main-nav > li > a { color: white; font-size: 1.2em; }
If that does not work, please post the link to your website
Best regards,
Yigit
Hi Ismael,
I placed the code given with a slight addition in quick css and it made no difference.
Here is the code….
.header_color .main_menu ul:first-child > li > a {
color: white;
font-size: 1.2em;
}
.header_color .main_menu .menu ul li a {
color: white;
}
Then I removed it and placed it in custom.css. Again it made no change to the menu.
I still am unable to simply make the font size bigger and the font color brighter.
Can you suggest something else?
Thanks
Darrell
Is this right?
td { border-style: none; }
tr:first-child td { border-top-style: none; }
tr td:first-child { border-left-style: none; }
.alternate_color tr:nth-child(odd) { background: #ffffff; }
.main_color tr:nth-child(odd) { background: #ffffff; }
@media only screen and (max-width: 479px) { h1 { font-size: 24px; }
h2 { font-size: 25px; }}
h1 {
text-transform: none !important;
font-weight: 300!important;
}
@media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
display: block;
}}
#scroll-top-link { background-color: #555555; color: white; border: 1px solid #222222; }
http://www.shopelegal.com/product/white-printing-lace-design-dress/
Oh i mean that title – The font thing didn’t work! size!
-
This reply was modified 12 years ago by
kayzelmoo.
Hi Yigit and thanks.
How can i tell the Headline h1 to use only the special google font? Some Headline font are great for large size but not maybe for h3.
-
This reply was modified 12 years ago by
heufti65.
This reply has been marked as private.
This reply has been marked as private.
Hey!
You can add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
h1 { font-size: 30px; }
As i posted in my previous post, please follow the instructions here - https://kriesi.at/support/topic/add-new-font/#post-234710
Best regards,
Yigit
Hi!
Please add following code to Quick CSS as well
.html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a, #top .main_menu .menu li ul a { border: none!important; }
.header_color .main_menu ul:first-child > li > a { color: #ddd; font-size: 16px; }
.header_color .main_menu ul:first-child > li > a:hover { color: white; }
.header_color .main_menu .menu ul li a { background-color: #444444; color: #ddd; }
.sub_menu>ul>li>a, .sub_menu>div>ul>li>a { font-size: 14px; }
Regards,
Yigit
Hi!
Please add following code to Quick CSS instead
.html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a { font-size: 16px; }
Best regards,
Yigit
HI updated successfully! i saw it, but wheres the option for changing logo size mmh!
Erm ok im done with the font thing via headings!
What about the logo?
1) Logo size must be larger!
2) If possible, can the menu be under the logo?
Thanks a lot Yigit!
I inserted the code but still didn’t change the font size, I’m talking about the categories that are on top of the image portfolio
http://shocktp.com/u-f-media/
Hi!
1- It seems like you are still using version 2.5.4. Please update the theme via FTP – http://vimeo.com/67209750
2- Please try following code
.products .product h3 { font-size: 12px; font-family:"Times New Roman",Georgia,Serif; }
Your shop page is password protected but this code works fine on my local installation
Best regards,
Yigit
Hi Kayzel!
1-Please update Enfold to the latest version 2.6.2 – http://kriesi.at/documentation/enfold/updating-your-theme-files/
Now there are more options for header
2-Pleae add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
.products .product h3 { font-size: 12px; font-family:"Times New Roman",Georgia,Serif; }
Best regards,
Yigit
Hi guys I’ve issues with this 2 problems, pretty urgent!
Browsed through almost all the support forum but none worked!
1) Logo Size to be larger – CSS tried but didnt work
+ if its possible, have the menu below the logo (The logo will be above the menu)
2) On woocommerce product page – The title font I want the type to be classy and a bit smaller, I dont know how to do that!
Anyone can assist me in this? help will be much appreciated!
Hi!
Please add following code to Quick CSS and adjust as needed
#header_meta { background-color: red; font-size: 18px; }
Regards,
Yigit
Hi!
@device Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 480px) {
.avia-caption .avia-caption-title { padding: 10px;
font-size: 18px;
}}
Best regards,
Yigit
Hi bert787!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
#js_sort_items { font-size: 16px; font-family: "Times New Roman",Georgia,Serif; }
Regards,
Yigit
This reply has been marked as private.
Hi
I used the following Quick CSS code to change the size of the icons in my icon list:
.avia-icon-list .iconlist_icon {
height: 45px;
width: 45px;
line-height: 45px;
font-size: 15px!important;}
.avia-icon-list .iconlist-timeline { left: 25px; }
…, and it works just fine.
My problem is, that the right-alignment of the timeline between the icons is not aligned properly. Here is my case:
I have made a colorsection and devided it by 2x 1/2 sections. In both of them I have an iconlist. In the first 1/2 section the iconlist is right-aligned and the second 1/2 section the iconlist is left-aligned.
The timeline in the left-aligned iconlist in the second 1/2 section is aligned just fine, but the timeline in the right-aligned iconlist in the first 1/2 section is aligned as if the iconlist was left-aligned, although the icons themselves are right-aligned propperly.
I hope you understand my problem, and I hope you can help me.
/Johnny
Is there any way to re-size the category fonts and also the font family ?
Thanks
Hey chiummog!
– Font Issue, for personal experience that font have a really bad performance/and Issues on win, mainly when you use it on an small size i.e. 22px or below, if you can use another font you could avoid having this situation, if that is not the case you need to hack the way around and still ended up wanting to change the font.
Here are some possible solutions, ( and the problem not only is on firefox, chrome has the same problem too. )
You need to find the parts where you are using the font in question an apply one of the solutions below.
-webkit-font-smoothing: none;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
// You can try this solution also
text-stroke: 0.35px
– Current color on the mentioned http://meoartis.com/material/
.main_color .sidebar_tab, .main_color .tabcontainer .tab { border-color: #CECECE //Current color }
– Looking into the mega-menu issue, will comment on that later today.
– Can you send me the link to the circle, so i can show you the code you need to place a border on those.
Regards,
David
-
This reply was modified 12 years ago by
David.
Hi nthcreative!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.grid-entry-title { font-size: 18px; }
Cheers!
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
#advanced_menu_toggle:before { content: 'menu'; font-size: 14px; }
#advanced_menu_toggle { line-height: 32px; }
Cheers!
Yigit
Hey jtalmeida54!
Please add following code to Quick CSS in enfold theme options under Styling tab
.page-id-3255 .isotope-item.special_av_fullwidth .av_table_col .entry-title {
font-size: 14px;
}
Best regards,
Yigit
Hey!
There are some missing curly brackets in your code. Please switch it with following one
@media only screen and (max-width: 1000px) {
.avia-caption {display: none !important; }
.avia-caption-title {
font-size: 14px; line-height: 14px;
}
}
.header_color .main_menu ul:first-child > li > a { color: ; font-size: 15px; }
}
.js_active .tab {
font-size: 20px;
}
.active_tab_content .tab_inner_content { font-size: 14px; }
.toggler {
font-size: 14px;
}
.toggle_content {
font-size: 12px;
}
#mc_embed_signup .clear {
display: block;
visibility: visible;
height: auto;
width: auto;
}
h3 {
font-size: 20px;
line-height: 1.5em;
margin-bottom: 8px;
}
.inner_sort_button span {
padding: 0 10px;
}
#footer #text-8 .av_font_icon {
margin-right: 20px;
}
.av-masonry-sort {
padding: 40px;
}
Cheers!
Yigit
Hi
Could you tell me how I can change the background colour and font style/size of the text in the Top Bar please?
Many thanks.
Kathryn
Hi
I want the headline size h1 – not all headlines – use with
http://www.google.com/fonts/specimen/Gravitas+One#charset
How can i manage that?
THX, Oliver