-
Search Results
-
Hi!
For the layout try this in Quick CSS:
.avia-section .template-page .entry-content-wrapper { margin-left: 100px; } .alternate_color .rounded-container, #top .alternate_color .pagination a:hover, .alternate_color .small-preview, .alternate_color .fallback-post-type-icon { top: -6px; }For footer font color:
.alternate_color a, .alternate_color .widget_first, .alternate_color strong, .alternate_color b, .alternate_color b a, .alternate_color strong a, .alternate_color #js_sort_items a:hover, .alternate_color #js_sort_items a.active_sort, .alternate_color .av-sort-by-term a.active_sort, .alternate_color .special_amp, .alternate_color .taglist a.activeFilter, .alternate_color #commentform .required, #top .alternate_color .av-no-color.av-icon-style-border a.av-icon-char { color: white; }Cheers!
AndyHey!
what changes of the font do you want to have? add this in Quick CSS:
.main_color a, .main_color .widget_first, .main_color strong, .main_color b, .main_color b a, .main_color strong a, .main_color #js_sort_items a:hover, .main_color #js_sort_items a.active_sort, .main_color .av-sort-by-term a.active_sort, .main_color .special_amp, .main_color .taglist a.activeFilter, .main_color #commentform .required, #top .main_color .av-no-color.av-icon-style-border a.av-icon-char { color: #c3512f !important; font-size: 20px; }.news-excerpt { color: red; }to hide thumbnail:
.news-thumb { display: none; }2. You can put border-color same as background-color:
.header_color#header .avia_mega_div > .sub-menu.avia_mega_hr, .html_bottom_nav_header.html_logo_center #top #menu-item-search>a { border-color: #fff; }.header_color, .header_color div, .header_color header, .header_color main, .header_color aside, .header_color footer, .header_color article, .header_color nav, .header_color section, .header_color span, .header_color applet, .header_color object, .header_color iframe, .header_color h1, .header_color h2, .header_color h3, .header_color h4, .header_color h5, .header_color h6, .header_color p, .header_color blockquote, .header_color pre, .header_color a, .header_color abbr, .header_color acronym, .header_color address, .header_color big, .header_color cite, .header_color code, .header_color del, .header_color dfn, .header_color em, .header_color img, .header_color ins, .header_color kbd, .header_color q, .header_color s, .header_color samp, .header_color small, .header_color strike, .header_color strong, .header_color sub, .header_color sup, .header_color tt, .header_color var, .header_color b, .header_color u, .header_color i, .header_color center, .header_color dl, .header_color dt, .header_color dd, .header_color ol, .header_color ul, .header_color li, .header_color fieldset, .header_color form, .header_color label, .header_color legend, .header_color table, .header_color caption, .header_color tbody, .header_color tfoot, .header_color thead, .header_color tr, .header_color th, .header_color td, .header_color article, .header_color aside, .header_color canvas, .header_color details, .header_color embed, .header_color figure, .header_color fieldset, .header_color figcaption, .header_color footer, .header_color header, .header_color hgroup, .header_color menu, .header_color nav, .header_color output, .header_color ruby, .header_color section, .header_color summary, .header_color time, .header_color mark, .header_color audio, .header_color video, #top .header_color .pullquote_boxed, .responsive #top .header_color .avia-testimonial, .responsive #top.avia-blank #main .header_color.container_wrap:first-child, #top .header_color.fullsize .template-blog .post_delimiter, .header_color .related_posts.av-related-style-full a { border-color: #fff; }Regards,
AndyIn reply to: Custom font not working after transfer to new URL
Hi!
Thank you for using Enfold,
Please use this on Quick CSS or custom.css:
.main_color a, .main_color .widget_first, .main_color strong, .main_color b, .main_color b a, .main_color strong a, .main_color #js_sort_items a:hover, .main_color #js_sort_items a.active_sort, .main_color .av-sort-by-term a.active_sort, .main_color .special_amp, .main_color .taglist a.activeFilter, .main_color #commentform .required, #top .main_color .av-no-color.av-icon-style-border a.av-icon-char { color: #c3512f !important; }Regards,
IsmaelIn reply to: And sign in the special heading
Hi!
Please add following code to Quick CSS
.special_amp { font-family: inherit; font-style: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit!important; }Best regards,
YigitHey iclarity!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.special_amp { font-family: inherit; font-style: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit!important; }Cheers!
YigitIn reply to: Footer Text Rechts und Linksbündig in einer Zeile
Hi!
add this to the Quick CSS:
.footer_color a, .footer_color .widget_first, .footer_color strong, .footer_color b, .footer_color b a, .footer_color strong a, .footer_color #js_sort_items a:hover, .footer_color #js_sort_items a.active_sort, .footer_color .av-sort-by-term a.active_sort, .footer_color .special_amp, .footer_color .taglist a.activeFilter, .footer_color #commentform .required, #top .footer_color .av-no-color.av-icon-style-border a.av-icon-char {
color: #000;
}.footer_color, .footer_color div, .footer_color header, .footer_color main, .footer_color aside, .footer_color footer, .footer_color article, .footer_color nav, .footer_color section, .footer_color span, .footer_color applet, .footer_color object, .footer_color iframe, .footer_color h1, .footer_color h2, .footer_color h3, .footer_color h4, .footer_color h5, .footer_color h6, .footer_color p, .footer_color blockquote, .footer_color pre, .footer_color a, .footer_color abbr, .footer_color acronym, .footer_color address, .footer_color big, .footer_color cite, .footer_color code, .footer_color del, .footer_color dfn, .footer_color em, .footer_color img, .footer_color ins, .footer_color kbd, .footer_color q, .footer_color s, .footer_color samp, .footer_color small, .footer_color strike, .footer_color strong, .footer_color sub, .footer_color sup, .footer_color tt, .footer_color var, .footer_color b, .footer_color u, .footer_color i, .footer_color center, .footer_color dl, .footer_color dt, .footer_color dd, .footer_color ol, .footer_color ul, .footer_color li, .footer_color fieldset, .footer_color form, .footer_color label, .footer_color legend, .footer_color table, .footer_color caption, .footer_color tbody, .footer_color tfoot, .footer_color thead, .footer_color tr, .footer_color th, .footer_color td, .footer_color article, .footer_color aside, .footer_color canvas, .footer_color details, .footer_color embed, .footer_color figure, .footer_color fieldset, .footer_color figcaption, .footer_color footer, .footer_color header, .footer_color hgroup, .footer_color menu, .footer_color nav, .footer_color output, .footer_color ruby, .footer_color section, .footer_color summary, .footer_color time, .footer_color mark, .footer_color audio, .footer_color video, #top .footer_color .pullquote_boxed, .responsive #top .footer_color .avia-testimonial, .responsive #top.avia-blank #main .footer_color.container_wrap:first-child, #top .footer_color.fullsize .template-blog .post_delimiter, .footer_color .related_posts.av-related-style-full a {
color: #000;
}a:hover, a:focus, a:visited {
text-decoration: none;
}Cheers!
AndyIn reply to: Two questions about entry-title on category-page
Hey Josue,
That doesn’t work for me.
When I edit the code like this:
.main_color a, .main_color .widget_first, .main_color b, .main_color b a, .main_color strong a, .main_color #js_sort_items a:hover, .main_color #js_sort_items a.active_sort, .main_color .av-sort-by-term a.active_sort, .main_color .special_amp, .main_color .taglist a.activeFilter, .main_color #commentform .required, #top .main_color .av-no-color.av-icon-style-border a.av-icon-char { color: #E82A8C;font-size:20px!important; }I have the titles as I want them to be, but it also enlarges every text-link in my content. And thats not as I want it. Is it easier to change the code for the links?
Regards,
Erwin
In reply to: .special_amp and quotation marks
Hi!
Sure, please use following code
.special_amp { color: inherit !important; }P.S.: Your website is going to end up looking very nice. It already is!
Regards,
YigitIn reply to: .special_amp and quotation marks
Hey blankonblank!
Please add following code to Quick CSS and adjust as needed
.special_amp { padding-right: 7px; }Best regards,
YigitHi –
Can you provide some guidance on .special_amp? I’m using a special h2 heading that is a quote. there are quotation marks before and after. but the quotation marks are not spaced well. how do you control this and why this format?In reply to: Strange font appears for the "&" sign
Hey quadrocreative!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.special_amp { font-family: inherit; font-style: inherit; font-size: inherit; line-height: inherit; font-weight: normal; }Cheers!
YigitIn reply to: Which font is used?
Hey Laureninthailand!
It uses “Baskerville” font family. You can add following code to Quick CSS to remove its color, font family and font size
.special_amp { font-family: inherit; font-size: inherit; color: inherit!important; }Regards,
YigitHey Heathcliffe!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.main_color .special_amp { color: inherit; }It will make the color of special amp same as body text color
Cheers!
YigitIn reply to: Special Heading – H1 Tag – Styled Ampersand
Hi bitsoul!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.special_amp { font-family: inherit; font-style: normal; font-size: inherit; line-height: inherit; font-weight: bold; color: inherit!important; }Regards,
YigitHi Richard!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.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 { background: rgba(255, 255, 255, 0.5); } div .slideshow_caption, div .slideshow_caption a, div .slideshow_caption h2, div .slideshow_caption h2 .special_amp, div .slideshow_caption strong, div .slideshow_caption h2 strong { color: red; }on background color, first 3 values are RGB values of the color and 0.5 is opacity level, which you can set between 0 – 1
Best regards,
YigitTopic: Problems with Quick CSS
Hi,
I apologize for my noobiness, but I am having troubles with my Quick CSS entries. They had been working well for a while, but somehow are now messed up so that some work and some don’t. Specifically, the resizing of the phone number top right of the header and the search icon bottom right of the header, as well as the phone icon button below the contact form. I suspect it has something to do with my curly brackets. Here is my Quick CSS:@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
max-width: 93%;
height: auto !important;
margin-left: 0px!important;
margin-top: 5px!important;
}@media only screen and (max-width: 767px) {
#advanced_menu_toggle{
display: block;
right: -15px;
top: 40px;
}@media only screen and (max-width: 767px) {
#mobile-advanced {
background-color: rgba(255,255,255,0.95);
}@media only screen and (max-width: 990px) and (min-width: 481px) {
div.grid-content {
display: none!important;
}div.grid-content { pointer-events: none;
}.av_phone_active_right .phone-info {
padding-left: 0px;
font-size: 14px;
}#top .menu-item-search-dropdown > a,
#searchform #searchsubmit, .ajax_search_image, .iconfont {
font-size: 22px;
}@media only screen and (max-width: 990px) {
#socket .sub_menu_socket { display: none;
}span.special_amp:nth-of-type(1) {
margin: 0 -0.02em;
}span.special_amp:nth-of-type(2) {
margin: 0 .01em;
}.av_font_icon.av-icon-style-b}} .av-icon-char:hover {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
b}}-radius: 1000px;
b}}-width: 0px;
b}}-style: none;
padding: 10px;
color: #ffffff;
background: #f7951e;
b}}-color: none;
position: relative;
width: 45px !important;
height: 45px !important;
}.av_font_icon.av-icon-style-b}} .av-icon-char {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
b}}-radius: 1000px;
b}}-width: 0px;
b}}-style: none;
padding: 10px;
color: #ffffff;
background: #96af29;
b}}-color: none;
position: relative;
width: 45px !important;
height: 45px !important;
}@media only screen and (max-width: 990px) {
.avia-tooltip {
display: none !important;
opacity: 0 !important;
}@media only screen and (max-width: 990px) {
.av_font_icon.av-icon-style-b}} .av-icon-char:hover {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
b}}-radius: 1000px;
b}}-width: 0px;
b}}-style: none;
padding: 10px;
color: #ffffff;
background: #f7951e;
b}}-color: none;
position: relative;
width: 45px !important;
height: 45px !important;
}span.av_icon_caption.av-special-font {
color: #c3c3c3;
}2) Could you please tell me how to add a phone icon to the left of the phone number top right of the header?
Thanks,
TrevorIn reply to: Big list of questions! :)
Hi!
Please add following code to Quick CSS as well
4-.special_amp { color: inherit!important; font-style: normal; font-weight: normal; }6-
.iconlist_icon { background-color: red !important; }7- Can you post the link to your website?
10-.iconlist_icon:hover { background-color: blue !important; }11- Not sure if i understood it clearly. Can you post a screenshot or elaborate?
Regards,
YigitIn reply to: Big list of questions! :)
Hi nurdwurks!
Thank you for using the theme.
We actually prefer a single question on a single thread. Much easier for us to answer them on that manner. Also, it’ll be useful for other users asking for the same question.
1.) You can remove the title with this on Quick CSS:
h1.main-title.entry-title { display: none; }2.) Add this on functions.php:
add_filter('avia_post_nav_entries', 'avia_apply_custom_sort_order_to_post_nav', 10, 2); function avia_apply_custom_sort_order_to_post_nav($entries, $settings) { if(!empty($entries['prev'])) $temp = $entries['prev']; if(!empty($entries['next'])) $entries['prev'] = $entries['next']; if(!empty($temp)) $entries['next'] = $temp; return $entries; }For the category filter, add this:
function avf_same_category_navigation($settings) { if($settings['taxonomy'] == 'portfolio_entries') $settings['is_fullwidth'] = true; return $settings; } add_filter('avia_post_nav_settings','avf_same_category_navigation', 103.) Edit the search.php or the includes > loop-search.php.
4.) Change the color of the ampersand with this on Quick CSS:
.main_color .special_amp { color: red; }5.) Please refer to this link on how to fix permalink issues: http://codex.wordpress.org/Using_Permalinks#Fixing_Permalink_Problems
6.) Change the iconlist background color with this:
.main_color .avia-icon-list .iconlist_icon { background-color: red; }7.) We can set a specific width for the gallery but it might break the responsiveness of the element. Please select the thumbnail size on the Gallery Preview Image Size option.
8.) Do you mind providing a screenshot of this pointer?
9.) You can decrease the padding or adjust the width and height with this:
.av_font_icon.av-icon-style-border .av-icon-char { width: 30px !important; height: 30px !important; padding: 10px; }10.) Use this to change the hover color of the icon and icon list elemen:
#top .main_color .av-no-color.av-icon-style-border a.av-icon-char:hover { color: red; } .main_color .avia-icon-list .iconlist_icon:hover { background-color: blue; }11.) Edit the menu font on Enfold > Advanced Styling. Edit the Main Menu Link element.
12.) You can use media queries to hide or remove the accordion slider for mobile device:
@media only screen and (max-width: 767px) { .avia-accordion-slider-wrap { display: none; } }Before posting a question, please take some time to search on the forum or review all of the resources in the Theme Documentation as a lot of basic stuff like theme installation, css snippets etc are already available in there with better explanation and awesomeness. Watch some of our Video Tutorials to learn more about the different aspect of the theme. You can also search the forums for queries that has been answered before that might be related to your problem.
If you find that you still have questions after taking the time on our documentations, don’t hesitate to let us know and we will be happy to assist you. If you have any requests or you feel like giving us a warm hug? You can definitely post it on our Feature Requests page. :)
Cheers!
IsmaelIn reply to: Messy text spacing
Hey!
Seems you already adjusted it to 3px, you can also target them individually, with this:
span.special_amp:nth-of-type(1) { margin: 0 10px; } span.special_amp:nth-of-type(2) { margin: 0 20px; }Best regards,
JosueIn reply to: Messy text spacing
Hi Trevor!
1. Try adding this to the Quick CSS:
span.special_amp { margin: 0 5px; }2. The favicon looks fine, at least on my end:
Cheers!
JosueIn reply to: change colour of Amphersand
Hey ShortieD!
Please insert this code into the quick css field:
#top .main_color .special_amp{ color: inherit; }Best regards,
PeterHey imcini!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.special_amp { font-family: inherit; font-size: inherit; color: inherit!important; } #wistia_10_socialbar { display: none !important; }Please try deactivating all active plugins and flush browser cache few times and check Avia Layout Builder once again. And for LayerSlider, you can simply add your videos on HTML/Video/Audio tab – http://i.imgur.com/6AUkNTO.png
Best regards,
YigitIn reply to: MEDIA QUERIES NOT WORKING
I’m never able to get this fixed with the answers I’ve found here… The #scroll-top-link link does not show an arrow for me and I can’t change the color. Here’s the site: ttg.travel. I’ve tried the below CSS changes to no avail:
.socket_color a, .socket_color .widget_first, .socket_color strong, .socket_color b, .socket_color b a, .socket_color strong a, .socket_color #js_sort_items a:hover, .socket_color #js_sort_items a.active_sort, .socket_color .special_amp, .socket_color .taglist a.activeFilter {
color: red !important;
}#scroll-top-link { background-color: white; color: red; border: 1px solid red; }
Thank you!
In reply to: Bug Special Heading
Hi DigitalMedia!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.main_color .special_amp, .alternate_color .special_amp { color: inherit; }Cheers!
YigitIn reply to: amp sign in titles
Hey totofunk!
You can clear out the styles by adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
.special_amp { font-family: inherit; font-style: normal; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit !important; }Or in the functions-enfold.php you can comment out the avia_ampersand function.
Best regards,
DevinIn reply to: Disable Fancy Ampersand Sign
Hello scanova!
Please add following code to Quick CSS in Enfold theme options under Styling
.special_amp { color: inherit!important; font-family: inherit; font-size: inherit; }Cheers!
YigitTopic: socket nav color
Hi , I tried this code >
.socket_color a, .socket_color .widget_first, .socket_color strong, .socket_color b, .socket_color b a, .socket_color strong a, .socket_color #js_sort_items a:hover, .socket_color #js_sort_items a.active_sort, .socket_color .special_amp, .socket_color .taglist a.activeFilter {
color: red;
}
But it doesn’t work
In reply to: Enfold Showcase
@jerone ,
hi nice site, how did you change the socket nav link color? from home to contact us? Thanks
[Edit: Nick] The css below will change the socket link color to red:
.socket_color a, .socket_color .widget_first, .socket_color strong, .socket_color b, .socket_color b a, .socket_color strong a, .socket_color #js_sort_items a:hover, .socket_color #js_sort_items a.active_sort, .socket_color .special_amp, .socket_color .taglist a.activeFilter {
color: red;
}
