-
Search Results
-
In reply to: enfold – setting custom font sizes on product page
Hello Yigit!
Sorry, i was out and couldnt thank you earlier.
Thank you very much!First 2 codes work great.
But the last one
.single #tab-description p { font-size: 18px; }adjust font size of full Product description under corresponding tab.
What i needed is font size adjustment for Product short description which is right under product price.And could you help with a code to hide “Additional information” tab?
Thanks again
Kind Regards,
DenisHi rjflaherty!
Please use this code to adjust the font size of the text and paddings of the caption:
@media only screen and (max-width: 767px) and (min-width: 480px){ .responsive #top .slideshow_caption h2 { font-size: 20px; } .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title { padding: 0px 15px; } }Regards,
PeterIn reply to: Social media icon size increase
Hey!
Try adding this code to the Quick CSS:
.social_bookmarks li a { font-size: 26px; }Cheers!
JosueTopic: form
i am not sure why but the color of the text in the message box is different then the rest (its grey, instead of black). is there a way to change this. also, is there a way of changing the format (font, size) of the message after the form is sent so it matches the website?
In reply to: Font size
Hey!
Try adding this code to the Quick CSS:
body { font-size: 14px; }http://kriesi.at/documentation/enfold/change-the-default-font-size/
Cheers!
JosueTopic: Font size
Hi Enfold,
Great theme by the way! Is it possible to increase the font size? I know I can change the font and colour but my client is asking for the body copy to come up in size.
Many thanks
In reply to: header size
there is no option listed to change the header font size… for the phone number at the top
<div class=’phone-info ‘>
Can this text size be changed please?
Topic: header size
In reply to: custom css for main navigation
Hi!
You need to target the avia-menu-text element inside each menu item, so the code would be:
.menu-item-3121 .main_menu ul:first-child > li > a .avia-menu-text{ font-size: 18px; color: red!important; background-color: green; }Cheers!
JosueIn reply to: Font style unchangeable
Hello Ismael,
no, I checked this and the problem persists. The body font still sets back to Arial in the settings options. It seems to me that it does not work anymore since the latest quick css changes have been made. Could this be the solution?
Quick css looks as follows:
body {
font-size: 16px;
}.avia_transform .av_font_icon {
margin-bottom: 20px;
}.main_color .iconlist_content {
color: white;
}#footer .widgettitle, .main_color .sidebar_tab, .main_color .tabcontainer .tab, .avia-icon-list .iconlist_title {
text-transform: none;
color: white;
}.phone-info span, #top .social_bookmarks li a { color: white !important; }
Regards
In reply to: Pagination on Portfolio Grid – Not working.
I did not find any options to flush permalinks.
But deactivating plugins did help. It now works.
The plugins I deactivated was:
Duplicate Post
Simple Image Sizes
Typekit Fonts for WordPress
Wordpress SEOI guess I turn one and one on to see which one is to blame?
Thomas
In reply to: Problems installing certain plugins
Hi, i’ve been asking a lot of questions. Hope i’m not too much of a bother.
I’m trying to customise the main navigation a little, and trying to give each link a different colour.
so active state, hover state including the line that appears under the link.so i’ve done the following but it doesn’t seem to work.
.menu-item-3121 .main_menu ul:first-child > li > a { font-size: 18px; color: red!important; background-color: green; }
.menu-item-3121 .main_menu ul:first-child > li > a:hover { color: orange!important; }
.menu-item-3121 .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { color: blue!important; }In reply to: How to add Google Fonts to HEAD tag on website?
Hey!
Exactly. But you are currently missing closing curly bracket right after “font-size: 5em;”
Cheers!
YigitIn reply to: enfold – setting custom font sizes on product page
Hey dmaca!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.single .product_title { font-size: 50px; } .single span.amount { font-size: 30px!important; } .single #tab-description p { font-size: 18px; }Cheers!
YigitHello guys,
Enfold + woocommerce
What Quick CSS i could use to adjust font size (on single product page only) for:
– product name
– product price
– product short descriptionThanks!
Kind Regards,
DenisIn reply to: How to add Google Fonts to HEAD tag on website?
That works! Thank you Thank you! Thank you!
If I wanted to add other CSS classes based on this font, would I just add it below the first class? For example:
function avia_custom_css() { echo '<link href="http://fonts.googleapis.com/css?family=Alex+Brush" rel="stylesheet" type="text/css">'; echo '<style> .fancy-1 { font-family:"Alex Brush", cursive; font-size: 2em; } .fancy-2 { font-family:"Alex Brush", cursive; font-size: 5em; </style>'; } add_action('wp_head', 'avia_custom_css');In reply to: How to add Google Fonts to HEAD tag on website?
Hey!
Try to use this code instead:
function avia_custom_css() { echo '<link href="http://fonts.googleapis.com/css?family=Alex+Brush" rel="stylesheet" type="text/css">'; echo '<style> .fancy-1 { font-family:"Alex Brush", cursive; font-size: 2em; }</style>'; } add_action('wp_head', 'avia_custom_css');Cheers!
PeterIn reply to: How to add Google Fonts to HEAD tag on website?
This partially works, but I think I may need to be more clear in my explanation. I apologize for the confusion. Let me start over and be a little more clear so you understand what I am trying to do.
I am using the Enfold Child Theme so I can use custom CSS to style certain text for my website using Google Fonts. I want to insert the following line of code from Google Fonts into the <HEAD> tag:
<link href=’http://fonts.googleapis.com/css?family=Alex+Brush’ rel=’stylesheet’ type=’text/css’>After doing this, it allows me to create a class in the CSS stylesheet and use it as such. For example, I want to use the Alex Brush font to style specific text using the following CSS code:
.fancy-1 { font-family:'Alex Brush', cursive; font-size: 2em; }What is the best method, using the Enfold Child Theme to accomplish this?
In reply to: Menu
Hi!
I changed the font color of the main menu links to black: http://www.clipular.com/c/4712518974963712.png?k=TcF6kT6uSXDCVoQ6xRKTwVmeD6g and set a font size value. You can change the settings on the “Advanced Styling” option page.
Cheers!
PeterIn reply to: How to add Google Fonts to HEAD tag on website?
Hi!
You can add this code to the quick css field (Enfold > Theme Options) or into the child theme style.css file. There’s no need to add it to the head section directly. If you really want to print the code directly you can insert this code into the functions.php file:
function my_custom_js() { echo '<style> .fancy-1 { font-family:"Alex Brush", cursive; font-size: 2em; }</style>'; } add_action('wp_head', 'my_custom_js');Cheers!
PeterIn reply to: Font color for main menu links
Hi!
1) Use the “Small bar above Main Menu”: http://www.clipular.com/c/4867125315371008.png?k=EWMkuGIC8jYUxiXett5OdHGwJ4U color fiield to change the color of the phone number/icons, then save the options and clear the browser cache to view the results.
If you want to change the font size insert this code into the quick css field:
#top #header_meta .phone-info, #top #header_meta li{ font-size: 12px; }2) You can move the menu button by adding this code to the quick css field:
@media only screen and (max-width: 989px){ .html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide { margin-top: 20px; } }20px is just a sample and you can use any positive or negative px value.
Best regards,
PeterIn reply to: How to add Google Fonts to HEAD tag on website?
This adds the font to the General Styling list, but doesn’t allow me to call to it as a CSS class. For example, I have the following CSS class, I use for specific text in special cases:
.fancy-1 { font-family:'Alex Brush', cursive; font-size: 2em; }Normally I would insert this into <HEAD> tag and then call to it from the stylesheet. But in order to do that I need to add it to the <HEAD> tag. Is there a way to dynamically add this to the <HEAD> tag without having to directly edit the file? I only ask, because in the event of an update, I would have to re-add that line of code again.
In reply to: Menu
Hey Josue – I watched the video and followed the steps, changing the font to black and it’s still a light grey and in the video it says I can choose the font size but I am not seeing that option.
In reply to: submenu
hmmmm …. how do i customize a car?
You got to explain a little more what you want to change … You can change so much with CSS. But the support needs a little more info (background-color, font-size , etc)regards
In reply to: Responsive headings + Google Maps
Hey atlantio!
Thank you for using the theme!
1.) First, try this on Quick CSS or custom.css to resize the heading tags:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ #top #wrap_all .header_color h1, #top #wrap_all .main_color h1, #top #wrap_all .alternate_color h1, #top #wrap_all .footer_color h1, #top #wrap_all .socket_color h1 { font-size: 3em; } #top #wrap_all .header_color h2, #top #wrap_all .main_color h2, #top #wrap_all .alternate_color h2, #top #wrap_all .footer_color h2, #top #wrap_all .socket_color h2 { font-size: 2em; } }2.) Do you mind providing a screenshot of this issue? It looks fine on Chrome Windows 8.
3.) Unfortunately, those features has been remove on the Maps element within the theme. You might need to use a more complex google maps plugin for this particular issue. https://wordpress.org/plugins/wp-google-maps/
4.) Use this on Quick CSS or custom.css:
.avia-tooltip { display: none !important; opacity: 0 !important; }Best regards,
IsmaelIn reply to: Font color for main menu links
Ok thanks Ismael, that fixed the font color issue for the header!
Now there is a new problem. The color for the phone number has gone back to grey (like the social icons) and the size of the font for the phone number is smaller. It now appears grey when the iPad is in landscape mode and on the web browser. On the iPhone the color shows up correct.
1. How do I set the color of the phone number as #018db0 and increase the size of the font?
2. The mobile menu on the iPhone has now moved up towards the top of the screen. How do I adjust it lower in portrait and landscape?Are there still some css codes that need to be closed properly or were you able to fix that so the layouts don’t break on smaller screens?
Hi,
i want to change the icon of the mobile menu.
i added this to my custom css, but it doesnt works. Icon should exist …#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before { content: "\e762"; position: absolute; top: 13px; margin-left: -10px; font-family: 'entypo-fontello'; font-size: 10px; }I used this character map: http://www.entypo.com/characters/
Icon before was 25B8. Its in this map too …
Any idea what i’m doing wrong?I got the same problem …
And i dont understand it cause in the layout.css both have same css#advanced_menu_toggle, #advanced_menu_hide{ position: absolute; border-radius: 2px; height: 46px; width: 46px; line-height: 46px; text-decoration: none; text-align: center; right: 0; top: 50%; margin-top:-23px; z-index: 10000; border-style:solid; border-width: 1px; font-size: 30px; display:none; }Strange … the positions by % (right, top) doesnt work fine …
