-
Search Results
-
In reply to: Custom CSS Class Input Field?
Yes I know how it is supposed to work, but it’s not doing so.
I’ve already updated to 1.8.1 and I have added the line you said into functions.php but I am not seeing the extra input field available in the editor. It looks exactly the same as before.
In reply to: Add a second logo to header
Hi,
Open up header.php and find this line somewhere toward the bottom of the page that looks like
<!-- end container-->now paste the code below before or after this line, just substitute the 2 urls.
<strong class="logo2">
<a href="URL OF LINK"><img src="URL OF IMAGE" alt=""></a>
</strong>Now add the following css to quick css or to /css/custom.css file
strong.logo2 {
position: relative;
float: right;
}Now to move the menu add this css, but you will need to play around with the number in the media query (as well as make your logo smaller)
.main_menu {
left: 19em;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.main_menu {
left: 12em;
}}You will need at the end to add a few lines in /js/avia.js since as you can see the left logo shrinks when you scroll down the page, and the right logo will not do that by itself. Once you finish these steps let us know.
Thanks,
Nick
In reply to: How to display featured images inside the posts?
Hi,
Undo the steps we did. Please follow this one. Edit includes > loop-index.php, find this code:
//on single page replace the link with a fullscreen image
if(is_singular())
{
$link = avia_image_by_id(get_post_thumbnail_id(), 'large', 'url');
}Below, add this code:
if(strpos($blog_style, 'grid') !== false)
{
echo '<a href="'.$link.'"><img src="'.$link.'" title="" alt="" class="blog-grid-preview"></a>';
}Edit custom.css or Quick CSS, add this code:
.blog-grid-preview {
width: 95%;
border-radius: 10px;
}Regards,
Ismael
Topic: Custom CSS for your pleasure
Hi,
I just like to post some of my CSS hacks so others may use it with their own colors and formats. Have a look at the comments and try it for yourself.
/* This is some style specific stuff you may not need to include */
h1, h2, h3, h4, h5, h6, .widgettitle {font-weight:500; text-shadow: rgba(0,0,0,0.4) 1px 1px 2px; font-family:"Oswald",Helvetica,Arial,sans;}
.title_container .main-title {text-transform:uppercase; font-size:24px; font-family:"Oswald",Helvetica,Arial,sans;}
title, #top .alternate_color.title_container .main-title a {text-shadow: rgba(0,0,0,0.2) 1px 1px 2px;}
#footer h3.widgettitle {color:#e1e1e1;}
.avia_textblock h1 { margin-bottom:0px; text-shadow: 3px 3px 3px #000;}
/*#footer {background: none transparent}*/
#top .widget ul.children {margin-left:15px;}
.main_menu {font-family: Oswald, Helvetica, Arial;}
.main_menu ul:first-child > li > a {font-weight:400;}
.sort_by_cat a {border:#ad137f 1px solid; color:#fff; padding:0px 5px 0px 5px;}
.breadcrumb-title {display:none !important;}
.main_menu ul:first-child > li.current-menu-item > a, .main_menu ul:first-child > li.current_page_item > a {font-weight: 400;}
.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: #ad137f;}
.main_color .sidebar .current_page_item>a {color:#ad137f; font-weight:bold;}
.current_page_item>a {font-weight:400;}
/* Remove tranparency from header */
#header {background-color:#fff;}
/* HR Fullwidth remove margins */
.hr-full, .hr-big {margin: 20px 0;}
/* Making images more fancy (box and slight shadow) - CSS class 'framed' must be added manually to IMAGE */
img.framed {background: #f5f5f5; border: 1px solid #fff; outline: 1px solid #eaeaea; box-shadow: 0px 2px 2px rgba(0,0,0,0.6);}
body .alignleft, .entry-content a:link .alignleft, body .alignright, .entry-content a:link .alignright {padding: 4px !important;}
/* Displaying the line below main nav element when current page is level 3+ */
.current-page-ancestor a > .avia-menu-fx {visibility: visible;opacity: 1;}
.current-page-ancestor a > .avia-menu-fx .avia-arrow-wrap {overflow: hidden;display: block;}
/* Bold should be CI color */
.main_color .toggle_content strong, .main_color .toggle_content strong a, .main_color .tab_content strong, .main_color .tab_content strong a, .main_color .asc_count, .main_color .avia-testimonial-content strong {color:#ad137f;}
/* Center Title of Portfolio Item */
.main_color .grid-entry-title {text-align:center;}
/* Rework the menu shading (just a quite bit) */
#header .avia_mega_div {-moz-box-shadow: 0 10px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);}
.main_menu .menu ul {-moz-box-shadow: 0 6px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);}
.responsive #top.boxed .stretch_full {background:#f3f3f3;}
/* Fixing border radius of rounded images */
.avia-post-nav .entry-image img {border-radius: 4px;}
/* Modifiying Post-Nav background color (those nifty flyout-arrows left and right on news and portfolio) */
#top .avia-post-nav:hover {background: #ad137f; background: rgba(160,1,126,0.8);}
#top .avia-post-nav {background: #aaa; background: rgba(160,1,126,0.4);}
/* Remove rounded stuff (in case you prefer some qubic stuff) */
.avia-icon-list .iconlist_icon, .avia-testimonial-image, .avia-testimonial-image img, .iconbox_top .iconbox_icon {border-radius:4px;}
/* Removing the breadcrumb (no one need a breadcrumb on this) */
.title_container .breadcrumb {display:none;}
/* Menu Mods */
.header_color .main_menu ul:first-child > li.active-parent-item > a {color:#ad137f;}
/* Megamenu Mods */
#top #header .mega_menu_title a {font-size:15px; border-bottom: #ccc 1px dotted;}
#top #header .mega_menu_title a:hover {text-decoration:none;}
#header .avia_mega_div .units {border:none;}
/* Tagcloud Links */
.tagcloud a {background:rgba(250,250,250,0.4);}
.tagcloud a:hover {background:rgba(250,250,250,0.8); text-decoration:none;}
/* Tagcloud widget (I'm a lousy guy writing tags lowercase) */
.widget_most_popular_tags {text-transform: capitalize;}
/* Tabs (bold, font size, better to read) */
.js_active .tab {font-size:12px !important;}
.main_color .tabcontainer .tab_titles .tab {font-weight:bold;}
.main_color .sidebar_tab, .main_color .tabcontainer .tab:hover {color: #ad137f;}
/* Tables (what a mess) */
.main_color table caption, .main_color tr:nth-child(even), .main_color .pricing-table>li:nth-child(even) {color: #666;}
.main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra {color: #666;}
.main_color tr:hover {background:#ad137f; color:#fff;}
/* Form Elements (stretching to 100%, responsible) */
#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {width:100%;}
/* Ajax Contact Form (I'll leave this - plugin specific. Don't use it anymore) */
button.ajax-submit {margin:0;border: #ad137f 1px solid; background: #ad137f; color: #fff; padding: 10px; font-weight: bold;}
button.ajax-submit:hover {cursor:pointer;}
form.iwacontact span.ajax-feedback.error, form.iwacontact span.ajax-result.error {color:#ad137f;}
/* Sortable links (links are fine, but I prefer more of a button style) */
.main_color #js_sort_items a.active_sort, .main_color #js_sort_items a {color:#666;}
.main_color #js_sort_items a.active_sort {background:#ad137f; color:#fff; border:#ad137f 1px solid;}
.main_color #js_sort_items a:hover {background:#ad137f; color:#fff;}
.sort_by_cat a {border: #ccc 1px solid; padding: 3px 10px 3px 10px; background: #e8e8e8; border-radius:2px; margin-right:10px;}
#js_sort_items .text-sep {display:none;}
/* Widget News remove date/time (don't do this if you care about SEO) */
.news-time {display:none;}
.news-headline {margin-top:4px;}
/* Ajax Search results (didn't like the excerpt stuff and some other slight optimizations) */
.header_color .ajax_search_title {color: #666; line-height: 1.4em; height: 20px; margin-top: 3px; font-size: 14px; }
.ajax_search_response h4:first-child, .ajax_search_response h4 {font-size: 18px; text-transform:uppercase;}
.header_color .ajax_search_excerpt {display:none;}
#top div .ajax_search_entry_view_all {font-weight: normal; text-transform: uppercase;}
.ajax_search_image {border-radius:2px;}
/* Search results (doh!) */
.main_color .search-result-counter {background:#ad137f;}
.search-result-counter {box-shadow:none; border-radius:2px; color:#fff; font-weight:bold;}
.post-meta-infos {display:none;}
.template-search .entry-content .post-title {font-size:18px; margin:0; padding-top:10px;}
.responsive .boxed#top {-moz-box-shadow: 0 0 25px #000; -webkit-box-shadow: 0 0 25px #000; box-shadow: 0 0 25px #000;}
/* Remove dashed line from post overviews (News, Archives - should be fixed by Kriesi) */
.multi-big .post_author_timeline, .single-small .post_author_timeline {border-right-width: 0px;}
/* Adding a slight shadow to the small preview pics used in post overviews (still need x-browser stuff) */
.small-preview {box-shadow: 0 0 6px rgba(0,0,0,0.4);}
/* Form Elements (Contact Form 7) */
span.wpcf7-list-item {margin-left: 0; margin-right:10px;}
#top .footer_color input[type='email'] {border-color: #666; background-color: #333; color: #aaa;}
span.wpcf7-not-valid-tip {top: -52px; left: 1px; background: #ad137f; border: 1px solid #ad137f; padding: 4px; color: #fff;}
div.wpcf7-validation-errors {border: 1px solid #ad137f !important; background: #ad137f; color: #fff; text-align: center; font-weight: 600; padding: 4px;}
div.wpcf7-response-output {margin: 2em 0em 1em;}
/* Iconbox mouseover effect and changing the link behaviour (this is needed if you like to have the whole iconbox linked) */
.main_color.iconbox_top .iconbox_content:hover {background: #efefef;}
#top .iconbox_top a {text-decoration: none;color: inherit;}
/* Changing image overlays from circle to rounded square (there ya go) */
.image-overlay .image-overlay-inside::before {border-radius: 4px;}
/* 3D tag cloud with mug (in case you use this canvas-plugin try the coffee version) */
#myCanvasContainer {background: transparent url('https://media.pcamobile.de/mug.jpg') no-repeat top left;}
In reply to: Changing gallery border for a page ID number only
Try 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:
#top.page-id-1739 .entry-content .avia-gallery-1 .avia-gallery-thumb img {
border: none;
}To break it down:
#top.page-id-1739 – The top ID and class of .page-id-1739 to only have the css after effect *this* page.
.entry-content – Only the entry content for this page
.avia-gallery-1 – the specific gallery within the entry content in case you had multiple galleries within the entry-content
.avia-gallery-thumb – Thumbnail section only
img – The images inside the thumbnail section which has the border
{border: none;} – border declaration with a property of none or you could use border-wdith: 0px .
I have no idea about the permalink though.
Regards,
Devin
Hi,
Open header.php then find this code on line 104
$phone = avia_get_option('phone');
$phone_class = !empty($nav) ? "with_nav" : "";
if($phone) echo "<div class='phone-info {$phone_class}'><span>{$phone}</span></div>";Cut it then place it below this code on line 135
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');Then add this on your custom.css or Quick CSS
.social_header .phone-info {
float: right;
margin-top: 40px;
margin-right: 120px;
}
#header_meta {
display: none;
}Regards,
Ismael
Hi,
You didn’t follow the instructions correctly. Cut this code
$phone = avia_get_option('phone');
$phone_class = !empty($nav) ? "with_nav" : "";
if($phone) echo "<div class='phone-info {$phone_class}'><span>{$phone}</span></div>";Now, paste it under this code which is the code responsible for the logo.
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');Add this on your custom.css to position the phone number correctly.
.social_header .phone-info {
font-weight: bold;
height: 30px;
line-height: 10px;
right: 200px;
top: 40px;
position: absolute;
}
.social_header .phone-info.with_nav span {
border: none;
}Regards,
Ismael
Hi,
Edit header.php then find this code
$phone = avia_get_option('phone');
$phone_class = !empty($nav) ? "with_nav" : "";
if($phone) echo "<div class='phone-info {$phone_class}'><span>{$phone}</span></div>";Cut that and place it below this code
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');Add this on your custom.css or Quick CSS
.social_header .phone-info {
font-weight: bold;
height: 30px;
line-height: 10px;
right: 200px;
top: 40px;
position: absolute;
}
.social_header .phone-info.with_nav span {
border: none;
}Cheers,
Ismael
Hi,
Yep, create a blank page. Then add this on your custom.css. Inspect page using Chrome or Firebug for FF, look for the unique body class.
#top.avia-blank.page-id-1236 #wrap_all {
background: red url(../images/background-images/Abducted.jpg) !important;
}Mine is .page-id-1236. You might need a fairly large image for this to cope up to the theme’s responsiveness or use a pattern.
Regards,
Ismael
Hi,
This was definately a rough one. I came up with the css that fixes Firefox , but it unfortunately breaks Chrome. So please do this.
Open up header.php and change line 13 that looks like
<html <?php language_attributes(); ?> class="<?php echo " html_$style ".$responsive." ".$headerS;?> ">to look like
<html <?php language_attributes(); ?> class="<?php echo avia_get_browser('class', true) ." html_$style ".$responsive." ".$headerS;?> ">Save that file, and now add the following CSS to Quick CSS or your /css/custom.css file
.firefox #top p a, .opera #top p a {
display:inline !important;
position:inherit !important;
}Please let us know if this one does the trick.
Thanks,
Nick
Hi,
To remove the featured image, just add this on your custom.css
.big-preview.multi-big {
display: none;
}Open includes > loop-index.php then find this code
if(has_tag() && is_single())
{
echo '<span class="blog-tags minor-meta">';
echo the_tags('<strong>'.__('Tags:','avia_framework').'</strong><span> ');
echo '</span></span>';
}Replace that with
if(has_tag() && is_single())
{
echo '<span class="blog-tags minor-meta">';
echo the_tags('<strong>'.__('Tags:','avia_framework').'</strong><span> ');
echo '</span></span>';
}
edit_post_link();It will create a neat Edit this link at the bottom.
Regards,
Ismael
In reply to: Enfold Feature Requests
REQUESTS ORGANIZED FROM BELOW ( A star is 1 person asking, a number is the number of people asking for feature)
Those of you who were asking for ability to use Layout Editor with Custom Post Types or Posts, please view this video tutorial which shows how to do just that -> https://vimeo.com/channels/aviathemes/64996057
*) Layout Builder Element – an element that is 100% wide, so that text media entered into it will be 100% wide from side to side.
*) Layout Builder Element – Special Heading Element – ability align right or center through a dropdown
*) Layout Builder Element – Option for Iconbox and Iconlist to chose whether you want Title , Icon and/or Entire Box to be the link
*) Layout Builder Element – Custom color for “Special Heading” element. Atm only “Default Color” and “Meta Color” are supported.
*) Layout Builder Element – Allow excerpt/pre-set number of characters to be added from a post or page via layout builder with a ”read more” link., instead of only being able to add the content of an entire page (inside a column for example)
*) Layout Builder Element – Ajax Search – Provide as a page builder element or/and as a widget to use in sidebar
*) Layout Builder Element – Lightbox-option for the image media-element would be perfect :-)
3) Post/Page Layout – integrate a javascript timeline component, such as the one from VeriteCo.
3) Post/Page Layout – Masonry Blog/Portfolio Layout – more layout options for Blog, possibly masonry/magazine type layout, etc.
*) Post/Page Layout – Ability to add Author Box to Every Post even when not multi-author blog format. (multi-author format has the page too narrow compared to single author format)
*) Post/Page Layout – wishlist functionality – some eight months before xmas ;-)
*) Post/Page Layout – easily add a button in the header (important for companies with 1 product / service http://www.getfanba.se)
*) Post/Page Layout – Ability to choose either pagination or infinite load on same page
3) Portfolio – Ajax Portfolio functionality
2) Portfolio – Masonry Layout option (free floating with different image sizes)
*) Portfolio – customize the Archive slug for portfolio items so if single slug set to “lesson”, the archives would be “lessons” (instead of portfolio-items/)?
*) Portfolio – Ability to set custom url when featured portfolio item is clicked in the portfolio grid to open a different page than the portfolio item page.
*) Portfolio – Add Portfolio grid as a widget.
*) Portfolio – Choices Theme style hover effect, where the hover overlay follows the cursor movement
2) Sidebar – Option for custom horizontal separator lines between widgets in sidebar etc. like the one as on gennis
*) Sidebar – Colored Section that works with side bar not just full width.
3) Widgets – Google Maps – ability to adjust height + more control / flexibility with aditional fields
*) Widgets – More title options for widgets
*) Widget – Social Media Widget for footer
4) Layout Builder – Add layout builder to Posts
4) Layout Builder – CPT Support – For Avia framework to recognize custom post types so that can use Pagebuilder on those pages, change sidebars at will, etc.
2) Text Editor – Option to have a link for both quick view and detail view. Some users may want the option to go directly to the detailed view.
*) Text Editor – Support for javascript in the text editor: https://kriesi.at/support/topic/script-code-in-avia-layout-builder
*) Shortcodes – for icons: https://kriesi.at/support/topic/icon-in-special-heading-section-or-icon-shortcodes
*) Shortcode – Breadcrumbs – as a short-code where it can be placed at top of the page above title. Difficult to find breadcrumbs when aligned to the far right.
*) Contact Form – additional field types to contact form (e.g. date picker, pick-list, drop-downs, etc.).
*) Contact Form – Have the contact form auto scroll to the top of the page or go to #top after submit
*) Images – Wide featured images in blog posts that are scaled to the entire available width, rather than pushed to the left of the text.
*) Images – Fullscreen background images / galleries with optional captions and/or minimal content boxes
*) Icons – Add YouTube to the social icon list
*) Icons – Option to have different hover icons and hover styles.
*) Menu – Control over main menu fonts/size/colour without using CSS
*) Menu – Ability to use Entypo icons within menu items
3) Headers – Small fixed header with social icons and menu. With the option to have just the header (logo + menu) part fixed and shrinking.
2) Sliders – Portfolio/Blog Slider Navigation Arrows only show up during hover so user may not know there is more unless they hover first. (arrows below slider)
*) Export Ability – ability to export Enfold “Styling” options. Too easy to click on one of the presets, and all of the custom changes you made are gone…
*) Newsletter – integration with newsletter (mail chimp) and integration with contact form + newsletter sign-up panels + login area.
*) Links – Ability to select if link should be opened in a new window or in same window for (example: social etc.)
*) CSS – Make sure that custom.css is the last css file in head
*) Audio Support – Like incarnation http://kriesi.at/themes/incarnation/event/sunday-prayers-2
*) Events Calendar – Like Incarnation http://kriesi.at/themes/incarnation/events
*) Bug – validation to work for additional fields (only seems to work if you use the default form fields)
*) Bug – Image alignment dropdown option to work in 1/3 column layout (doesn’t move the image at all, whichever alignment I choose; image is smaller than column width, so there is room to align)
up to Peter’s post on 4/28
