-
AuthorSearch Results
-
October 10, 2013 at 8:15 am #173477
Topic: Change Widget Title Size
in forum Enfoldsimplefly
ParticipantHello. I would like to know how I can change the font size of the widget title. I would like it to be H4. Thanks!
October 10, 2013 at 5:59 am #173434In reply to: Contact form new field
This reply has been marked as private.October 10, 2013 at 2:03 am #173339In reply to: Targeting font icons in a footer widget
Hey!
The HTML code:
<p><span id="footer_icon_1" class="av_font_icon avia-icon-pos-left" style="font-size:15px;line-height:15px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span style="margin-left: 5px;">218 Viceroy Street<br><span style="margin-left: 21px;">Billings, MT 59101</span></span></p> <p><span id="footer_icon_2" class="av_font_icon avia-icon-pos-left" style="font-size:15px;line-height:15px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span style="margin-left: 7px;"><a href="tel:4067942593">406. 794. 2593</a></span></p> <p><span id="footer_icon_3" class="av_font_icon avia-icon-pos-left" style="font-size:14px;line-height:14px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span style="margin-left: 6px;"><a href="mailto: (Email address hidden if logged out) ?Subject=" target=""> (Email address hidden if logged out) </a></span></p>The CSS to change each icon:
#footer_icon_1, #footer_icon_2, #footer_icon_3{ /* Applies to the three icons */ position: relative; } #footer_icon_1{ /* Applies to icon 1 */ color: red; top: 2px; } #footer_icon_2{ /* Applies to icon 2 */ color: blue; top: 5px; } #footer_icon_3{ /* Applies to icon 3 */ color: green; top: 3px; }Best regards,
JosueOctober 9, 2013 at 8:13 pm #173238In reply to: Icons still not working in Firefox and IE
Hey Kriesi,
Just checked all the browsers/OS (WIN7 Chrome IE FF MAC OS 10.8.2 Safari FF Chrome) force refreshed and looks like all the icons are showing properly now! Thank you guys!!
Still one bizarre issue with Safari 6.0.2 – icons are there and always have been but the icons I added via the text block module where I added links to them are not showing as links.
<h6 style=”text-align: right;”>LEARN MORE ABOUT ME PROFESSIONALLY</h6>
[av_font_icon color="#c95516" icon="222" size="35px" position="right" link="manually,http://www.linkedin.com/in/moniquevirgilio" linktarget="yes"] [av_font_icon color="#c95516" icon="211" size="35px" position="right" link="manually,https://twitter.com/MyDesignSpace" linktarget="yes"]Any ideas?
Everything else is good!
October 9, 2013 at 7:28 pm #173201In reply to: entypo icon in footer
I got it working with this on footer column but link isn’t working on safari.
Firefox works fine.[av_font_icon color="" font="entypo-fontello" icon="ue8f4" size="40px" position="left" link="http://www.facebook.com" linktarget="yes"]
I’m confused.
October 9, 2013 at 2:32 pm #173029Hey!
Please change previous code with following one
@media only screen and (min-width: 767px) { .social_header .phone-info span { font-size: 16px; } }Best regards,
YigitOctober 9, 2013 at 1:16 pm #172978In reply to: Woocommerce fonts and paging Issue
This reply has been marked as private.October 9, 2013 at 7:08 am #172884This reply has been marked as private.October 9, 2013 at 3:20 am #172834Also, this did increase the font size but it doesn’t look right on mobile.
Do you have another CSS line for the responsive part of this?
Thanks
Zach
October 9, 2013 at 2:34 am #172820Hey kangaroozach!
The theme in provided link is not Enfold :)
You can add following code to Quick CSS in Enfold theme options under Styling tab.social_header .phone-info span { font-size: 16px; }Best regards,
YigitOctober 9, 2013 at 12:58 am #172783In reply to: Wider Blog Body in Single Author Fullwidth
Hello!
To make the content wider, add this code to the Quick CSS:
#top .fullsize .template-blog .post .entry-content>* { max-width: 850px !important; }To make the title and meta text larger:
.post-meta-infos { font-size: 14px !important; } .post-title.entry-title { font-size: 32px !important; }Cheers!
JosueOctober 8, 2013 at 9:12 pm #172399In reply to: Change font size
Hey mikaelsv!
You could try using CSS, add this code to the Quick CSS (Enfold > Styling):
.page-id-2329 p { font-size: 12px !important; }That will change the font size of all the paragraphs in the page 2329.
Cheers!
JosueOctober 8, 2013 at 8:45 pm #172393Topic: Change font size
in forum Enfoldmikaelsv
ParticipantOn one of my pages I would like to have the normal font a bit smaller, is it possible to write something in the beginning of that page to make the normal font a bit smaller?
This is the page,
October 8, 2013 at 7:37 pm #172373In reply to: Enfold latest news widget
Hello!
You can do something like this:
.sidebar p{ font-size: 16px; }That will target only the paragraphs in the sidebar.
Best regards,
JosueOctober 8, 2013 at 2:13 pm #172236In reply to: text size in the call to action button
Hi!
Please go to Enfold theme options > Styling you will see all fonts under “Heading Font” and “Defines the Font for your body text”
Cheers!
YigitOctober 8, 2013 at 1:54 pm #172216In reply to: Woocommerce fonts and paging Issue
This reply has been marked as private.October 8, 2013 at 1:34 pm #172200In reply to: change font size for body and quote text
cool !
thanks a lot.October 8, 2013 at 1:23 pm #172193In reply to: Woocommerce fonts and paging Issue
Hello!
1) Change code with following one
.single-product .price span { font-size: 22px; }2) After adding that code you should go to WooCommerce settings and change currency to new one
Cheers!
YigitOctober 8, 2013 at 1:14 pm #172185In reply to: text size in the call to action button
Hi Yirgit,
thank you again for your fast answer.
i have another question related to your answer above-where can i see all the fonts that Enfold has?
thank you in advance
indiatravelzOctober 8, 2013 at 1:04 pm #172180In reply to: change font size for body and quote text
Hey totofunk!
Please add following code to Quick CSS in Enfold theme options under Styling tab
body { font-size: 16px!important; } blockquote { font-size: 12px!important; }Best regards,
YigitOctober 8, 2013 at 9:56 am #172122In reply to: Enfold latest news widget
Thank you! but can I have a seperat font size just for the main font in the sidebar. When I change the size of <p> than it also changes the one in the sidebar. So can I have a different size in the main area and another in the sidebar?
October 8, 2013 at 8:26 am #172104In reply to: Woocommerce fonts and paging Issue
This reply has been marked as private.October 7, 2013 at 11:37 pm #171942Topic: change font size for body and quote text
in forum Enfoldtotofunk
ParticipantHi,
how can I change body font size ? too small for me currently.
Same question for quote text font size, too big !Thanks
October 7, 2013 at 10:25 pm #171899In reply to: Targeting font icons in a footer widget
Ismael this sounds like a brilliant solution. But for some reason the process seams so hard for me. Unless there is a better way of implementing icons in widget areas. I first create a new page and use the icon shortcode to generate it. then I copy that code into the widget area. This was fine until i needed to change them.
If I inspect a rendered shortcode like you mentioned I do get different code.
<span class="av_font_icon avia-icon-pos-left" style="font-size:15px;line-height:15px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>but as you can see the icon = a square. If I just type the shortcode numeric code (example ue821) then the browser just renders the text not the icon. But in that html code it would be easy to ass another class after avia-icon-pos-left and then target that in css.
So for me it was easier to just use the code generated after creating the shortcode, as the numeric code works in thsi manner. But then I cant target it so far with my skills.
Would it be too much of a pain for me to ask that someone provide an example with the proper code placed in the widget area, along with css that has the power to say change the color or position of a specific icon.
October 7, 2013 at 8:55 pm #171858In reply to: Enfold latest news widget
Hi mikaelsv!
This one will do it:
.newsbox .news-headline { font-size: 16px; }Change 16px for the desired number.
Best regards,
JosueOctober 7, 2013 at 8:50 pm #171855Topic: Enfold latest news widget
in forum Enfoldmikaelsv
ParticipantHi again,
I would like the option to change font sizes for the enfold latest news widget. What css should I change for that?
October 7, 2013 at 7:30 pm #171781In reply to: Woocommerce fonts and paging Issue
Hi!
1) Change previous code with this one
#top .price span { font-size: 22px; }2) You should paste the same code to the end of your functions.php file and change ‘Chinese Yuan’ to ‘Indian Rupee’ and ‘¥’ to ‘Rs’
Regards,
YigitOctober 7, 2013 at 6:28 pm #171745In reply to: Enfold Feature Requests
This is by far my favorite WP template and I love it’s many different options. But I have to say I am very surprised that something simple like the font size cannot be changed without the Quick CSS box. This is one of the more important features on ANY WP site. I’d rather not go looking for that piece of code in the style sheet.
October 7, 2013 at 4:55 pm #171707In reply to: Header and Footer
The site is http://thenicoledefeo.com/redesign
In footer, the text underneath the words “Join the Tribe” Sentence starts with “Start the rise by receiving”… I would like to decrease the size of the font slightly as well as the line spacing (spacing between the sentences)
Thx
JennOctober 7, 2013 at 2:51 pm #171631In reply to: text size in the call to action button
-
AuthorSearch Results
-
Search Results
-
Topic: Change Widget Title Size
Hello. I would like to know how I can change the font size of the widget title. I would like it to be H4. Thanks!
Topic: Change font size
On one of my pages I would like to have the normal font a bit smaller, is it possible to write something in the beginning of that page to make the normal font a bit smaller?
This is the page,
Hi,
how can I change body font size ? too small for me currently.
Same question for quote text font size, too big !Thanks
Topic: Enfold latest news widget
Hi again,
I would like the option to change font sizes for the enfold latest news widget. What css should I change for that?
