-
Search Results
-
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?
Hi,
You can find Enfold.pot file in Enfold > Lang folder. As i remember you are using Enfold in Chinese without an issue, you only had to increase font size in some sections and that’s all
Regards,
Yigit
In reply to: Issue with phone number on mobile phones
Hi,
Please add following code to Quick CSS that is in Enfold theme options under Styling
@media only screen (max-width: 480px) { .social_header .phone-info span { font-size: 14px!important; } }Until 480px it looks fine so this will switch text and phone numbers font size to 14 when displayed on screens smaller than 480px.
Regards,
Yigit
Hi Chris,
Please replace previous CSS code with following one
.header_color .main_menu ul:first-child > li > a { font-family: "freight-sans-pro", sans-serif; font-size: 18px!important; font-weight: 300!important; color: red!important; font-style: normal!important; }.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a, #top .header_color .main_menu .menu ul .current-menu-item > a { color: pink!important; }
ul.sub-menu { font-family: "freight-sans-pro", sans-serif; font-weight: 300!important; color: red!important; font-style: normal!important; }
#top .main_menu .menu li>a { color: red; font-family: "freight-sans-pro", sans-serif; font-weight: 300!important; font-style: normal!important; }
#top .header_color .main_menu .menu ul li>a:hover { color: green; }
#top #menu-item-search.menu-item-search-dropdown>a { font-family: 'entypo-fontello' !important; }
You just need to change color hex values.
This code will increase padding under social only on screens smaller than 767px
@media only screen and (max-width: 767px) { .responsive #header .social_bookmarks { padding-bottom: 20px!important; } }Regards,
Yigit
In reply to: Change font size
In reply to: Change font size
Hi,
Please add following code to Quick CSS in Enfold theme options under Styling
div.entry-content { font-size: 18px!important; }Regards,
Yigit
Topic: Change font size
Hi guys, sorry about so many posts. On the top menu I just applied a span class to that to change the font. In responsive though and I noticed in demo also that the social icons stack right on top of the phone number and links. What code do I edit to add some padding in responsive mode between social icons and phone number / link area in top header?
Thanks much,
Chris
Hi also, what css do I use to change font in fixed header with social icons and additional navigation. The above worked for the main menu but not the subpages or the top menu navigation. I appreciate your help.
Thanks much,
Chris
Thanks Yigit, that code worked for parent page but not subpages. What do I edit for the subpages to have same settings?
Thanks much,
Chris
Hi Chris,
Please try adding following code to Custom CSS in theme options under Styling
.header_color .main_menu ul:first-child > li > a { font-family: "freight-sans-pro", sans-serif; font-size: 18px!important; font-weight: 300!important; color: #333!important; font-style: normal!important; }.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: #6ab165!important; }
Regards,
Yigit
Hi guys, since a recent update to the menu plugin I’m assuming the previous custom css isn’t working to override the menu. What custom css do I need to customize the menu font, size, colors, and weight? I’m using typekit so here is font details:
font-family: “freight-sans-pro”, sans-serif;
font-style: normal;
font-weight: 300;
color:#333;
active color is #6ab165
Thanks much,
Chris
In reply to: Tabs – Shortcodes
Hi,
Yes and this is the shortcode you should add in content section of tab
[av_video src='https://www.youtube.com/watch?v=R6-8DwT6_xg' format='16-9' width='16' height='9'][av_dropcap1]H[/av_dropcap1]ello
[av_font_icon color="" icon="2" size="40px" position="left" link="" linktarget="no"]
You can switch to Default Editor and add shortcodes then copy and paste them in your tab content
Regards,
Yigit
Hi,
Please add following code to custom.css file or into Quick CSS section in Enfold theme options page under Styling
.avia-icon-list .iconlist_title { font-size: 20px; }.main_color .iconlist_content { font-size: 14px; }
.avia-icon-list li { padding: 0 0 10px 0; }
Regards,
Yigit
In reply to: Enfold Feature Requests
It would be nice if there was some additional flexibility in choosing the Font, Font Family, Weight, Size, etc, for the various headings. For example, I would like to set my H1 font to use a certain font size and weight. Same for H2, H3, body, etc. Some themes have this as part of the Admin area. Sure, it could be done in the css file, but seems like it should be part of the theme settings. It would be nice to be able to select different font styles for certain elements, like the new Content Slider. How about a new element that let’s you set text to any font and any style. Thanks.
In reply to: Main and responsive menus overlapping
Hey,
You can add this on your custom.css or Quick CSS:
@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;
}
.logo.bg-logo {
width: 200px;
margin-top: 20px;
}
}You can adjust the size of the logo.
Regards,
Ismael
In reply to: Same Main Menu Position Within All Screen Sizes
You’ve added some media queries at the end of the theme’s layout.css. This block specifically is changing the menu at min-width: 1650px:
.main_menu ul:first-child > li > a{
display:block;
text-decoration: none;
padding: 0 0px 0px 41px;
font-weight: normal;
font-size:12px;
font-weight: 600;
font-size: 13px;
background-image: url('http://uprisetestdomain.co.uk/paramount/wp-content/uploads/2013/06/bullet.png');
background-repeat: no-repeat;
background-position: 18px 12px;
}Its very bad practice to modify the theme’s css files directly. Instead you should only edit the custom.css file or add your css into the Quick CSS field in the theme’s Styling tab.
