-
Search Results
-
In reply to: Change font size of Drop Down menu items
Hey lsmith7806!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top #header .mega_menu_title a { font-size: 13px; }Cheers!
YigitHi. I have used product categories as menu items (under ‘Shop’) and I am trying to change the font size of the drop down list – I want them to be the same size as the main menu font – they are too large at the moment. Here is a a link to the site: http://s346440901.websitehome.co.uk/
Please can you let me know how I can fix this problem.
Many thanks
Lynn SmithIn reply to: Phone number within body of header
Thanks Devin
That works a treat. Is there some code to override this on smartphones so that the phone number doesn’t run into the logo (and also reduce the font size on a smartphone)?
Regards
Mark
Hi!
You can edit header.php or /includes/helper-main-menu.php if you have 2.6+, find this code:
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');Below, add this code:
echo "<div class='site-description'>".get_bloginfo ( 'description' )."</div>";Edit Enfold > Styling > Quick CSS, add this code:
.site-description { bottom: -30px; position: absolute; font-size: 11px; }Best regards,
IsmaelTopic: 4 Simple Questions.
1. how to remove second line under the header area on my page. sellmydigs.com
2. how do you make the caption on an image show up on the webpage?
3. how do you change font size in text editor?
4. How do i change the icon background color on the icon list to the theme color? (so they look like the icons do when you choose “top” icon?In reply to: Glitch with button shortcode Enfold 2.4.3
I did some more playing around and determined that the issue occurs when using the button shortcode in an icon box and pick a single page…
It fails to add page, before the number in the link… should be page,77 … see below…[av_button label='Click me' link='77' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='small' position='center' icon_select='yes' icon='ue800' font='entypo-fontello']In reply to: Easy Testimonials Integration
Hey!
Try adding this code to the Quick CSS:
.testimonial_author cite{ font-size: 13px; color: orange; }Cheers!
JosueIn reply to: Phone number within body of header
Hey MKW270210!
You could position it absolutely and then it gets a bit easier:
.phone2 { color: black; font-size: 30px; padding: 4px; position: absolute; right: 10px; top: 54px; }The issue will be what to do with the header on mobile since it doesn’t quite fit any longer. You can use the mobile media query in the custom.css (in the css folder) to add some additional css that will then position how you want for mobile.
Best regards,
DevinThere is a glitch with the button shortcode… if you add a button and… and pick a single page for the link it doesn’t put a proper link to the page… see below… puts 363 (or whatever number the page may be) and returns a 404 error obviously… entering in manually works fine…
[av_button label='BUTTON GLITCH' link='363' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='small' position='center' icon_select='yes' icon='ue800' font='entypo-fontello']Regards,
Mark L. LeeIn reply to: Can I hide tags on blog posts?
Thanks, they still seem to appear. You can see them here:
http://lifepointcolumbus.com/messages/instant-classic/filling-in-the-blank/
This is what my quick css looks like, maybe I’ve formatted something wrong?:
.main_menu ul:first-child > li > a {
font-size: 14px;
padding: 0 16px;
}.entry-footer { visibility: hidden!important; }
In reply to: Enfold Feature Requests
Hello,
1. I would like to offer to add one small, but useful function – “read more” tag. WP has it by default, but it does not seem to be working with Avia builder.
2. Adding ability to zoom photo (lightbox element) on click in easy slider (and other sliders) would be very nice
3. Global setting of padding between Avia elements would be useful
4. Ability to use “color section’s” options on all Avia elements (1/5, 1/4, etc.) would be very good too, for example to add column without padding, with unique background without playing with CSS
5. Think about nice effect on hovering on linked image (for example – small zoom, like masonry gallery) – this would be beautiful :) Maybe even adding CSS section in image’s placeholder, to be able to add CSS effect by hand, or choose from preloaded ones.
6. Secondary menu styling is pretty raw for now, only customizing CSS is helping and even this is not helping 100%, it would be great to give every menu level it’s own class, or maybe even some preloaded CSS options, like gaps, backgrounds, font colors and sizes.
That’s it for now. I have analyzed this skin pretty deeply and all these functions really would be great if implemented in some time :)
Hoping that you will like at least some of my ideas.HI. I would like to remove the date from the search results. I figured out that this removes it from the search results page:
.post-meta-infos { display: none; font-size: 12px; position: relative; top: -8px; }But I can’t figure out how to remove it from the search bar results that pop down when you type in query.
And if they code above is a bad idea or there is a better way, I would appreciate that as well.
Thanks
Lizy
Hi
I’m using the header with the bottom navigation and wish to include a phone number on the right in line with the centre of the logo. I have followed some advice in the forum, namely adding the following to the quick css:
#top .social_bookmarks { display: none; }
#header_meta { display: none; }#header_main .container, .main_menu ul:first-child > li > a {
height: 131px !important;
line-height: 131px !important;
}#header_main_alternate .container, .main_menu ul:first-child > li > a {
height: 40px !important;
line-height: 40px !important;
}#top .main_menu .menu>li:last-child>a {
padding-right: 10px;
}.phone2 { float: right; color: black; font-size: 30px; padding: 4px; }
I also added the following to Header.php as advised
echo “<div class=’phone2′>Call Us: 0151 944 4318</div>”;
Unfortunately this only seems to add the phone number back to where it started with the standard header settings (ie top right). It also pushes the logo down the heading.
Can you tell me how to get the phone number vertically centred within the heading space please. Please see fbmproperty.co.uk
Thanks in advance
Mark
In reply to: Easy Testimonials Integration
Hi AndrewDelaware!
1.) You can use this on Quick CSS:
.testimonial_body { font-size: 13px; font-family: 'Open Sans', sans-serif; }2.) Use this for the cite tag:
blockquote cite { font-size: 13px; color: orange; }3.) Remove the border using this:
.main_color blockquote, .main_color .avia-bullet { border: none; }Regards,
IsmaelAloha Kriesi team,
I haven’t been getting response from Easy Testimonials support, and you guys are so awesome that I figured you’d probably have a quick and awesome answer.
I have Easy Testimonials set to use the theme’s CSS. However, as you will see at http://vitalshiftconsulting.ca/wp/ the fonts are pretty whack and an ugly thick orange line has appeared.
I’m hoping to:
– Adjust the testimonial body text to same size and font as the main site text (Open Sans 13px)
– Adjust the testimonial “cite” (name/title) to same size but in the main site header color rgb (69, 145, 201)
– Remove that icky orange bar.Any advice is gratefully welcomed! You guys have been so awesome at helping work out little kinks here and there – it’s much appreciated, and one of the reasons I recommend your theme so highly.
Warmest aloha and happy holidays!
DrewIn reply to: Fullscreen slider not showing html after update
In reply to: Heading Font Gruppo
Hey osukaru!
You can increase font size by adding following code to Quick CSS in Enfold theme options under Styling tab
.grid-entry-title { font-size: 20px; }It looks cropped when it is less 18px.
Cheers!
YigitIn reply to: Menu Type
Hi adworks!
When you say menu type, are you talking about the font type of the menu items? You can use this on your Quick CSS:
.main_menu ul:first-child > li > a { font-size: 13px; font-family: 'Raleway', sans-serif; }Change the Raleway font to something else. Change the menu color using this:
.header_color .main_menu ul:first-child > li > a { color: blue; }Best regards,
IsmaelIn reply to: Problem with Responsive Menu
Update – Had a chance to view on a tablet and the menu sits over the logo (on an ipad mini it was overlapping in both portrait and landscape). I’ve looked at so many solutions on here to what sound like similar issues but none work. It seems as though the menu is staying as-is until it resizes for mobile layout. At no point do I see the the dropdown for tablet.
Just in case my custom CSS is affecting this please see it below:
.main_menu ul:first-child>li a {
font-size: 16px!important;
}#top .ls-wp-container { margin-top: 40px!important; }
.social_header .phone-info {
line-height: 12px;
font-size: 22px;
font-weight: bold;
}body {
font-size: 15px;
}.your-message textarea { height: 80px; }
.title_container .main-title {
margin: 0;
font-size: 30px;
position: relative;
z-index: 2;
min-height: 36px;
line-height: 2.3em;
top: 0;
font-weight: 400;
}.js_active .tab { font-size: 22px;}
.tab {
background-color: black;
color: white;
}Each element above has been taken from the corresponding forum solution for the required change.
Thanks
Mark
In reply to: Problem changing font-size in the footer
In reply to: Problem changing font-size in the footer
In reply to: Problem changing font-size in the footer
Hey!
Please try adding following code to Quick CSS
#footer, #footer p, #footer a { font-size: 12px !important; }That should work, if not please post a screenshot and we can try to help you out using it as a reference. If we cannot, we are going to need to wait until you launch your website
Regards,
YigitIn reply to: Problem changing font-size in the footer
I wish I could but I’m working locally for the moment ! :(
I can come back later with this issue as soon as I’ll be able to send you a link… but that’s not soon.
If you can help before, if not, I’ll come back later !
Thanks anyway Yigit !
MarieIn reply to: Problem changing font-size in the footer
Hi !
Well it worked well before, but then I decided do increase a little the font size for main content.
Since then, in my footer, some widgets stayed at 12 and some turned to 14px… really strange.
Any idea ? Thanks !
MarieMy Quick CSS :
/* Font size change for main content */
body p, body {
font-size: 14px;
}/* Font size footer change */
#footer { font-size: 12px !important; }Topic: Problem with Responsive Menu
Hi, great theme but I’m having an issue with the main menu overlapping the logo when the browser window is resized. Our website doesn’t work like the demo on Themeforest. There is no switch in the menu until we are pretty much at mobile screen size. On the demo you lose the main menu and get the clickable menu box much sooner. In fact we don’t get that box at all.
We have set the menu font size at 17px in the Custom css using code from the support forum:
.main_menu ul:first-child>li a {
font-size: 16px!important;
}We have tried some remedies given in the forum eg the solution suggested on Post (hash)134332 but nothing we have tried has worked. Using this solution we changes the 3 instances of ‘767’ to 867 and 967 but nothing changed at all. Everything in that particular suggestion has now been removed/changed back.
We have a property show running so really need to fix this and any help would be appreciated. The site is http://www.fbmproperty.co.uk
Thanks
Mark
Hey!
To change font size of job title, see H3 font size in my previous post and add following code to change its color
.main_color h3 { color: red; }it will change color of all H3 elements using main color you can also use
.alternate_color h3 { color: blue; }Blog titles are H2 elements, you can see font size in my previous post as well. You can add following code to Quick CSS to change color
#top h2 a { color: purple; }Regards,
YigitHey!
Default heading sizes are as following
h1 { font-size: 34px; } h2 { font-size: 28px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; }You can adjust them as needed
Best regards,
YigitIn reply to: Defining Separate Widget Title Styling
For some reason, the styling from both applies to my #footer .widget title. Here is what it looks like in my custom.css:
#footer .widgettitle { color: #E0DFFF !important; margin-bottom: 21px; font-weight: 900; font-size:16px; letter-spacing: 1px; text-shadow:1px 1px 1px rgba(10,10,10,0.68); text-transform: uppercase; } .widgettitle { font-size: 16px; background-color: rgb(51, 144, 145); box-shadow: 0 8px 6px -6px black; color:#fff !important; text-shadow:1px 1px 1px rgba(10,10,10,0.68); font-weight:bold; padding: 11px 0 0 0px; text-align: center; border-radius: 7px !important; padding-bottom: 12px; text-transform: uppercase; }
