-
Search Results
-
In reply to: How to adjust font size in widget?
Hi,
I’m developing this homepage: http://www.rocket-science.ch/wp
Login: guest, guest
In the “Latest News” section on the home screen I’d like to have font size 16pt. Is it possible to adjust this easily via quick css?
Thx!In reply to: Specific Website Questions
Hi,
1.) You can add this on your custom.css or Quick CSS:
@media only screen and (min-width: 768px) and (max-width: 989px) { .main_menu ul:first-child > li > a { padding: 0 8px; font-size: 12px; } }2.) It should be full width even when you shrink the screen. You can check the demo. Did you modify anything on the css? Please check LayerSlide WP > Slide > Global Settings > Slider width. The value should be 100%. and make sure that “Full-width slider” is on.
3.) You can add this on your custom.css or Quick CSS to adjust the table layout on mobile device.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .easy-table th, .easy-table td { padding: 3px; font-size: 10px !important; } .easy-table-header.tablesorter-headerDesc { width: 100px !important; } .easy-table-header.tablesorter-headerAsc .tablesorter-header-inner { width: 100px; } }4.) No, the feature is still not available. You can refer to this link: https://kriesi.at/support/topic/youtube-icon/
Regards,
IsmaelIn reply to: embed twitter widget
this is the code i’m using
<!-- BEGIN: Twitter website widget (http://twitterforweb.com) -->
<div style="width:236px;font-size:8px;text-align:right;"><script type="text/javascript">
document.write(unescape("%3Cscript src='http://twitterforweb.com/twitterbox.js?username=grypmx&settings=1,0,3,236,236,f4f4f4,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script>Created by: <a href="http://twitterforweb.com">twitter website widget</a></div>
<!-- END: Twitter website widget (http://twitterforweb.com) -->In reply to: Changing dedicated h3 components
Hi Andy,
You are using !important the wrong way, do it like this:
font-size: 2.5em !important;Regards,
Josue
I am trying to create an Slider with text in Tangerine. I successfully did this by changing the themes heading font to Tangerine. However this made the rest of the site become hard to read.
Using the font change option in the Slider, if I type in Tangerine it shows as a font that looks like Times New Roman.
Can you please help. Preferably I would like a Tangerine style font on all my headings however the size of the small headings in pages like Portfolio become unreadable.
In reply to: Change Testimonial font colors
Hi,
Try changing that to:
.avia-testimonial-subtitle { font-size: 300%; color: #ffffff !important;}If it doesn’t work please post a link to your website.
Regards,
Josue
In reply to: H4 size text has bottom section cut off
Hi,
It only happens when font size is 17px. You can change it to 18px by adding following code to Quick CSS in Enfold theme options
h4 { font-size: 18px!important; }Regards,
Yigit
Hi,
first of all: awesome theme!
I have a problem though changing the font color of the testimonial subtitle. When I put the following in the custom css, the size does change but the color doesn’t.
.avia-testimonial-subtitle { font-size: 300%; color: #ffffff;}
Please help!
In reply to: Text Block font size
Ismael,
This is what I found from a css file of one such website that uses this “Microsoft Yahei” font.
@charset “utf-8”;
/* CSS Document */
*{ margin: 0; padding: 0 }
body, button, input, select, textarea, font { font-size:12px;font-family:”Microsoft Yahei”,tahoma, sans-serif; color:#181818;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal }
em { font-style: normal }
ul, ol { list-style: none }
img { border: 0 }
*html{
background-image:url(about:blank);
background-attachment:fixed;}
.clear{ clear:both}
See it has it as part of the font-family?
Thanks,
In reply to: Font Size
Hi,
style.css does nothing to the look of the page, add it either to the Quick CSS section or the custom.css file, regarding the option for font-size you could request it here.
Regards,
Josue
In reply to: Font Size
I’m using a child theme. This doesn’t work if I add it to style.css. Do I need to add something else there?
It does work if added under Styling options.
Also it’s kind of add that there is no option for font size like a drop down or something. Any plans to do that? Thanks for your help.
In reply to: Font Size
Hi,
Please add following code to Quick CSS in Enfold theme options under Styling
body { font-size: 18px!important; }Regards,
Yigit
Topic: Font Size
In reply to: Issues with Safari browser
Try changing this custom css you have:
.main_menu ul:first-child > li > a {
display: inline-block;
font-size: 13px;
font-weight: 300;
margin-right: 20px;
padding: 80px 9px;
text-decoration: none;instead of using 300 for the font-weight try just normal:
.main_menu ul:first-child > li > a {
display: inline-block;
font-size: 13px;
font-weight: normal;
margin-right: 20px;
padding: 80px 9px;
text-decoration: none;That seemed to fix it on my end. Not sure why Safari has an issue with it or if that is truly the cause but it worked via dev tools.
Hi guys, probably a simple question. How do I go about adding an entypo font to paragraph? Is there a way to set font size, color, etc? I’d also like to use it in a table as check mark icon for fields.
Thanks much,
Chris
In reply to: Class creation within a page builder element
Hi Andy,
If you have the custom class field turned on for your elements then you can do the same as Josue showed above but targeted at your custom class name. Eg:
#top .my-custom-blue-header .av-special-heading-h3{
background: blue;
font-size: 3.5em;
color: white;
padding-top: 20px;
padding-bottom: 0;
}
#top .my-custom-blue-header .av-special-heading-h3 h3{
font-size: inherit !important;
color: inherit !important;
}
#top .my-custom-blue-header .av-special-heading-h3 .special-heading-border{
display: none;
}and if you find a specific declaration (property+value) isn’t taking effect then you can use !important to force it since it will only ever effect your specific class name.
Regards,
Devin
In reply to: Special Heading Schriftgröße
In reply to: Mobile Menu not showing on iPad
Hi Devin
I have done a lot of tweaking, so it is possible. Here is my CSS, I couldn’t see anything:
.logo img{
width: 290px;
height: 80px;
position: relative;
top: 5px;
}
.social_header .phone-info {
color: #014073;
font-size: 1.5em;
}
.main_menu ul:first-child>li>a {
font-size: 15px;
}
#top .main_menu .menu li ul a{
line-height:23px;
padding:8px 15px;
font-size: 14px;
min-height: 23px;
}
.title_container .main-title {
font-size: 18px;
position: relative;
min-height: 36px;
font-weight: 600;
}
#menu-item-search {
display: none;
}
.main_menu {
right: -20px;
}
#header_main .container, .main_menu ul:first-child > li > a {
height: 120px !important;
line-height: 120px !important;
}
h2.post-title {
color: #014073;
}
#top .template-blog h1.post-title, #top .template-blog h1.post-title a {
color: #014073;
}
#wp-calendar {
width: 99%
}
#footer .widgettitle {
color: #ffffff;
font-size: 20px;
}
@media only screen and (max-width: 767px) {
.responsive #header .social_bookmarks {
margin-bottom: 10px;
}
}
.news-excerpt p {
text-align: justify;
}
h2{
text-transform: none !important;
font-size: 24px;
letter-spacing:0px !important;
}
.widgettitle {
text-transform:capitalize;
letter-spacing:0px !important;
font-size: 16px;
}
.main_menu ul:first-child > li.current-menu-item > a, .main_menu ul:first-child > li.current_page_item > a {font-weight: 800;}
.main_color .sidebar .current_page_item>a {color:#000000; font-weight:bold;}
.current_page_item>a {font-weight:400;}
.buttonClientArea {
display: inline-block !important;
text-align: center;
vertical-align: middle;
padding: 5px 10px;
border: 1px solid #013662 !important;
border-radius: 8px;
background: #014073 !important;
background: -webkit-gradient(linear, left top, left bottom, from(#0266b8), to(#013662)) !important;
background: -moz-linear-gradient(top, #0266b8, #013662)!important;
background: linear-gradient(to bottom, #0266b8, #013662)!important;
text-shadow: #01203a 1px 1px 1px!important;
font: normal normal bold 11px arial!important;
color: #ffffff;
text-decoration: none;
}
.buttonClientArea:hover,
.buttonClientArea:focus {
border: 1px solid #014073!important;
background: #0d88ed!important;
background: -webkit-gradient(linear, left top, left bottom, from(#027add), to(#014176))!important;
background: -moz-linear-gradient(top, #027add, #014176)!important;
background: linear-gradient(to bottom, #027add, #014176)!important;
color: #ffffff;
text-decoration: none;
}
.buttonClientArea:active {
background: #0d88ed !important;
background: -webkit-gradient(linear, left top, left bottom, from(#013662), to(#013662))!important;
background: -moz-linear-gradient(top, #013662, #013662)!important;
background: linear-gradient(to bottom, #013662, #013662)!important;
}
.sidebar li a {
color: #4C4646 !important;
}
@media screen and (max-width: 767px) {
#top .social_bookmarks { display: none; }
.header_color .container_wrap_meta { padding-top: 10px; }
.login_buttons {
position: absolute;
top: 50%;
left: 40%;
}
}
@media only screen and (max-width: 1339px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 6px;
font-size: 14px;
}
}
.avia-icon-list .iconlist_icon {
background-color: #014073 !important;
}
.responsive .mobile_menu_tablet .main_menu { display: block; }
Regards,
Rob
In reply to: Shortcodes in Tabs
Hi,
yes, I didn’t read your first post carefully enough. The answer to both questions is “no”. It’s currently not possible to add an icon to the tab title (horizontal tabs). You can try to place a textblock element above the tab element and to insert the font icon shortcode into the textblock element. Then you can change the icon size to align it with the tab titles. It’s also not easily possible to center the tab titles because they float to the left and you can’t use i.e. margin:auto to center them without rewriting the html structure quite a bit.
Hi – love the Enfold theme so far, but have a couple of items I hope you can help me with.
Here is the site I am building – http://www.pat-bach.com/breitercapital/
1. Footer size – How can I simply adjust the footer height size (specifically, make it smaller / shorter)? I’ve spent quite a bit of time researching / looking around / experimenting to no avail … is there a simple method that I am missing?
2. Menu item issue – I wanted to stop the header / menu from auto-sizing to smaller when scrolling. After some research / looking around for fixes, I added some quick CSS to achieve the desired result. However, now the individual dropdown menu item areas are huge. How can I make the dropdown menu item areas smaller without affecting the size of the overall header?
I am using the Small fixed Header type with the following quick CSS added:
#header_main .container, .main_menu ul:first-child > li a {
height: 78px !important;
line-height: 88px !important;
padding-top:3px !important;
font-size: 14px;
}
#header_main {
border-bottom: none;
}
#top .main_menu .menu ul li a {
font-size: 14px;
}
.main_menu .menu li {
height: 60px;
}
.logo img {
height: 128px;
width: 269px;
}
body .logo{
height:200%;
}
Hope this all makes sense … Thanks a million for any help you can offer!!
Thanks!
The menu we have at present (see http://dowsingworldsummit.com/faqs/) is too long to display in FF and cannot be scrolled to see the last item. I would like to be able to reduce the padding of the elements and / or reduce the font size to make all items readable.
I’ve tried altering the top and bottom padding of sub-menu a but without any luck.
Can you please tell me what I should be doing to achieve what I am after?
Thanks
EDIT:
Found it… I needed to alter #top .main_menu .menu li ul a to change the padding.
In reply to: Changing design of iconbox
Hi,
Please add following code to Quick CSS in Enfold theme options under Styling
.iconbox_top .iconbox_icon { left: 6%; font-size: 20px; padding: 15px;}.iconbox_top .iconbox_content { text-align: left; }
To increase the size of icons you should adjust the value of font-size and padding
Regards,
Yigit
In reply to: Row Issues in Pricing Table
Hi,
You can use this instead.
.avia-table.main_color.avia-pricing-table-container.avia-table-1.avia-builder-el-4.el_after_av_textblock .empty-table-cell {
display: none;
}For the check marks, use this:
.pricing-table-wrap ul li large {
font-size: 30px;
}Regards,
Ismael
In reply to: Issue with phone number on mobile phones
Hey,
Please use this:
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 8px;
font-size: 12px;
}
}Regards,
Ismael
In reply to: Enfold Feature Requests
Ok, so I have used pretty much all the major wordpress themes and think Enfold has the potential to be one of the best if a little more attention is given to these areas in particular.
FONT STYLING
1. Please add a section to the Enfold theme where you can easily access and define font styles for ALL the major sections of the site, rather than relying on custom css. Virtually every other theme I use has a dedicated area for this which makes it really neat and tidy and far easier for everyone too. At the moment you have to literally hunt around each page and section of the theme to find individual styles for widget titles and headings before you can begin creating styles for them. Headings also seem far too fragmented at the moment too, meaning styling ALL the headings for an entire site can be problematic and require page specific (local) styles rather than global etc.
BOG & SIDEBARS
2. These elements spoil an otherwise fantastic theme and are by far the weakest elements for me right now. There just seems to be no real style to any of these areas and there aren’t any specific options for these in the theme settings either. I would really like to see more styling options made available for the blog, posts and sidebars in future releases including settings to customise titles, meta data, padding, column sizes, alignment etc.
VIDEO EMBED OPTIONS
3. Currently when you use the ‘Video’ media element you only get the option to insert a link to the video, rather than any embed code which allows more control of content size and appearance. The alternative is to paste embed code from either Vimeo or YouTube into a ‘Text Block’, but this doesn’t appear to be fully responsive. For example, when I embed a video this way and scale my page or view on a small resolution monitor, the video has scaled correctly and in proportion, but within what looks like a containing black div which doesn’t scale correctly with it. This results in a really tall black area above and below the video content and looks terrible.
4. ICON BOX:
4.1 – Add the ability to edit / replace the current icon (including coloured bg area around it too)
4.2. – Add the ability to set a bg colour for the entire icon box from within the advanced editor
4.3. – Add the ability to select a heading of your choice for the title area – Currently this is set as H3, which isn’t ideal.
5. ICON LIST
5.1 – Option to edit multiple list items in same pop up window – PLEASE, PLEASE consider adding this option as it would save so much time. Manually clicking a list item, entering a title and content for dozens of items can be so time consuming and being able to do it all from one single window would be fantastic.
5.2 – Option for editing / replacing current icon
5.3 – Option to export / import content for icon lists – If you have to recreate them for any reason and have created many items it can be very time consuming to do this from scratch all over again.
TABLES
Please add more style options and most importantly make them responsive as they currently just aren’t usable right now. One of the other themes I use has responsive tables which wrap columns correctly when scaled, am sure it’s Avada.
That’s the lot for now. Thanks and keep up the good work.
In reply to: Class creation within a page builder element
Hi Andy,
You could try using the ‘special heading’ shortcode and style it the way you want with CSS:
.av-special-heading-h3{
background: blue;
font-size: 3.5em;
color: white;
padding-top: 20px;
padding-bottom: 0;
}
.av-special-heading-h3 h3{
font-size: inherit !important;
color: inherit !important;
}
.av-special-heading-h3 .special-heading-border{
display: none;
}
I tested locally and achieved something like this:
Regards,
Josue
Hi there,
Ive successfully created font changes by using a p.tag but im struggling to make a class work within the page builder shortcode like the colour section.
I want to create a dedicated 50px height header for all my pages (not home) with a blue background, 20px padding at the top and to have my font size to be 3.5em. The font is Bebas Neue which ive already installed and had working.
Ive tried all sorts to get this working but it just gets ignored and nothing happens. Any example to show me how i should be setting up a class for your shortcodes in the builder would be helpful
cheers
Andy
In reply to: does theme support Chinese?
