Is it possible to flush an image against the top or bottom like this site does on each panel (with or without a programmer’s help)?
Also can you import your own icons with any of the recent upgrades? Thx in advance.
Hey!
Try
#top.single-tribe_events .avia-post-nav {
display: none !important;
}
Best regards,
Peter
Please use Codestyling: http://wordpress.org/plugins/codestyling-localization/ to translat the plugin.
Install the plugin, go to Tools > Localization and select “Themes”. Then search for “Enfold” in the list and click on “Add new language”. Then select your language from the list and click the “create po-file” button. Click on “Rescan” to fetch all text strings. Then click on “Edit” and translate the required strings from the “avia_framework” textdomain. At least click the “create mo file” button next to the “Textdomain” selection dropdown (top left corner). If you still can’t find the text strings in the generated po file you can use the title filter to change the text. Add following code at the bottom of functions.php
add_filter('avf_title_args', 'fix_single_post_title', 10, 2);
function fix_single_post_title($args,$id)
{
if ( $args['title'] == 'Blog - Latest News' )
{
$args['title'] = 'MY TEXT';
}
return $args;
}
and instead of MY TEXT insert your translation.
The other text strings you mentioned ( “Logged in as… Log out?” “Post comment” , etc.) are not part of the theme code and you can’t translate them with the theme po/mo files. You maybe need to update the translation of wordpress ( http://codex.wordpress.org/WordPress_in_Your_Language ) or a plugin adds these text strings to the website – then you must translate the plugin.
If I change to a different category, then to the banner at the top show a different picture! The proposed from you plugin does not do that yet?
With programming that is nothing. Why the Encore does not offer such a thing?
I’m trying to remove the previous and next post “hover” links that show up on the left and right side of the screen, but only on Event Calendar Plugin events (aka posts).
I tried this:
#top.single-tribe_events .avia-post-nav .entry-info-wrap {
display: none;
}
Is there something else I should be trying?
Adding in bootstrap with an already established grid is not the right way to try something like this. You should be editing the single.php file and/or just modifying the css for single pages.
The individual posts don’t have a full width template at the moment so you would need to write php code to support it. Throw a second grid on top of the theme and the results will never quite be right and you’ll be slowing down the load time for all of those pages.
If you wanted to make all single posts full width you could modify single.php and just hard code the units for the page :
<div class='content units <?php avia_layout_class( 'content' ); ?>'>
and remove the sidebar.
If you are shrinking the header then you also need to bring up the main container:
.fixed_header.social_header #main {
padding-top: 90px;
}
Hi PledgeBack,
You can change the switch width that the theme changes to the mobile menu option following the steps here: https://kriesi.at/support/topic/top-menu-with-the-social-icons-bigger?replies=5#post-132320
For screen sizes see: http://screensiz.es/
Regards,
Devin
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
Hi,
I followed instructions and added login/register links to the top bar (Thanks!).
However, the top bar is NOT responsive anymore after the addition. Meaning the login/register division would overlap with phone-info and language selector when screen is resized to a smaller window. It looks even uglier on iPad and tablets.
Question: How can I make the new links responsive? In other words, make them move along with the phone-info and language selector?
This is what I added,
In header.php file, in //display the small submenu, right below “echo $nav;” and before “$phone = avia_get_option(‘phone’);”
echo “<div class=’login_buttons’>LOGIN | REGISTER</div>”;
and then added,
.login_buttons{
position: absolute;
top: 5px;
left: 750px;
}
to the custom.css.
I also tried to use position: float, which is what’s used for phone-info but that would put “login/register” links right under the social links on the left.
BTW, I tried to add css code to the Quick CSS field, saved it, but page would never take the css codes. Only takes it when it’s written in the custom.css file. This is the second time it happened. The first time was when Devin and Josue were helping me with a custom portfolio-box css code. I tried 10+ times to add the code, thought was there but Devin found out it was never loaded. Not sure what might have caused this issue.
Thanks,
Hi – Please see the pricing table at http://thecaloriemythbook.com/get-book-test. Three things
1. How can we remove the dashed top and bottom borders from the first cell of the first row see image below
http://TheCalorieMythBook.com/wp-content/uploads/2013/09/table9.7.13.png
2. How can we ensure that the rows of the table align properly? Right now it seems that if one columns contents are more than one line tall while other cells in that row are not as tall, the table layout becomes misaligned see image below
http://TheCalorieMythBook.com/wp-content/uploads/2013/09/table9.7.13.png
3. How can we relatively expand the size of the description column and relatively shrink the sizes of the other 3 columns?
Thank you
Hi Katharina,
Can you please try adding !important to the same code
#top .mega_menu_title img { width: auto!important; }
Regards,
Yigit
Can you create an admin account for me so I can take a look live?
You can send the information to my email at DevinVinson (at) gmail.com. Make sure to include a link to this topic so that my spam filter doesn’t grab it :)
Regards,
Devin
Hi Indiatravelz,
You would need to target that specific element with css and change its background value. So first add this to your functions.php:
add_theme_support('avia_template_builder_custom_css');
Now each element in the advanced layout editor will have a new field for you to give that item a custom class name. Give the text block the class name of:
no-background-textblock
Then add 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 .no-background-textblock {
background: transparent;
}
Regards,
Devin
Hi,
Please replace following code with previous one in Quick CSS
div.slide-content { padding: 10px; }<br />
div.slide-entry { box-shadow: 0 0 8px #888888; }<br />
.avia-content-slider .slide-entry { width: 29%; }<br />
div.slide-entry-wrap { padding-top: 5px; padding-left: 5px; }
Can you post the link of Facebook page so i can prepare all the codes for you and you can just copy/paste them in related files
Regards,
Yigit
Hi,
My page id is 2118, and I set the ID of the color section to 10. the code I used was:
#top.page-id-2118 #custom-color-section10 .av-special-heading.blockquote > * {
text-align: center;
}
Any idea why it’s not working..?
Hi!
1. Can anybody tell me, wich code is better to show the sidebar on mobile device:
Code from Kriesi:
.sidebar{
display:block !important;
}
or Code i found in the support forum:
@media only screen and (max-width: 767px) {
.responsive #top #main .sidebar {
display: block !important;
}
}
2. When i scale down the screen size – the sidebar show up but the 1px line between main content and sidebar also shows up beside the sidebar content. How can i remove the line and center the sidebar content – so it shows up so beautiful as the main content elements :)
Thank you so much
Actually there’s no real workaround. You can either deactivate the plugin – then the ids will not change and the widgets work as expected or you can activate the plugin but then you need to re-configure all widgets and assign them to the new widget area. It also doesn’t make sense to change the order of the widget areas and to append them at the very bottom because as soon as you create a new “Enfold Custom Widget Area” the ids and the order will change again. However the good news is: as long as the plugin is activated the order of the widgets won’t change again.
Personally I’d drag’n’drop all widgets into the “Inaktive Widgets” area – WordPress then saves the configuration of the widgets. Then activate the plugin and drag’n’drop all widget back into the proper areas…
uff, that sounds not good. What do you suggest in my case?
There’s no import/export function at the moment. You can use a tool like: WP MIGRATE DB to clone the entire database (including the templates) or you can activate the debug mode: https://kriesi.at/support/topic/conditional-shortcode-around-layout-objects#post-138555 and copy the template content from the “debug window” into the TinyMCE editor field (html mode) of the other website/page.
Hi there, I did as you suggested above, but it only moved the small text to the left above the logo.
I want the phone number to be bout the same size as the logo, in the same banner, but on the right side .
Hi Ismael,
Thank you for your reply. I dont know code at all, so veryunsure. but i will try it.
my website is http://www.riverlandhighworks.cm.au
love the theme -my favourite by far !
Hey,
The code above should work even when you scroll down the page. Please try this:
.fixed_header #main {
padding-top: 0;
}
.header_color .header_bg, #header_main {
background-color: transparent !important;
border: none;
}
.header_color div {
border: none;
}
Cheers,
Ismael
Hey,
This will make the header transparent:
.header_color .header_bg, #header_main {
background: transparent;
}
To have the full effect, move the main container upwards:
.fixed_header #main {
padding-top: 0;
}
Cool website, by the way. :)
Regards,
Ismael
We’ve selected “Non-fixed header with social icons and sub menu” for header (although we don’t need the sub-menu)
1. We’d like to float the social icons to the right. Which style would affect this?
2. Realizing we’ll probably need to add a div and some styles to accomplish, we want to put a simple email entry form floated to the left of that same very top area. We’ve tried countless ways to do put this in the header, but not getting far. Any tips?
This shows what we are aiming for (not using this template):
http://linked-jewelry.com/
This is our working beta with this template:
http://www.atticusi.com/linked-beta/
Each would need to be in a color section and you would give that color section a specific ID (in its ID field). Then target the page and ID before the heading class. Eg:
#top.page-id-70 #custom-color-section1 .av-special-heading.blockquote > * {
text-align: center;
}
New question – if I should start a new thread let me know…
We’ve selected “Non-fixed header with social icons and sub menu” for header (although we don’t need the sub-menu)
1. We’d like to float the social icons to the right. Which style would affect this?
2. Realizing we’ll probably need to add a div and some styles to accomplish, we want to put a simple email entry form floated to the left of that same very top area. We’ve tried countless ways to do put this in the header, but not getting far. Any tips?
This shows what we are aiming for (not using this template):
http://linked-jewelry.com/
This is our working beta with this template:
http://www.atticusi.com/linked-beta/