Forum Replies Created
-
AuthorPosts
-
Hi,
Please update your theme, the last version is 1.5 and it had some update to the tables functionality. You can just download it from themeforest.net
On a different note, your plugin Progress Bar is throwing an error “Uncaught TypeError: Property ‘$’ of object [object Object] is not a function “
in file /wp-content/plugins/progress-bar/js/wppb_animate.js … The first line has an extra $ string. See here for correct format http://stackoverflow.com/a/8396457/1245478
Thanks,
Nick
Hi,
I played around with it. I broke it up into individual parts so it’s easier to handle. Please try these blocks . I took off fixed on the blocks that don’t need it.
.main_color{
background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png);
background-size: 100% 100%, auto;
background-position: left top, left top;
background-repeat: no-repeat, repeat;
background-attachment: fixed, fixed;
}
.container_wrap_logo{
background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png);
background-size: 100% 100%, auto;
background-position: left top, left top;
background-repeat: no-repeat, repeat;
}
.alternate_color{
background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png);
background-size: 100% 100%, auto;
background-position: left top, left top;
background-repeat: no-repeat, repeat;
}
html {
background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png);
background-size: 100% 100%, auto;
background-position: left top, left top;
background-repeat: no-repeat, repeat;
}
.socket_color{
background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png);
background-size: 100% 100%, auto;
background-position: left top, left top;
background-repeat: no-repeat, repeat;
}
.footer_color{
background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png);
background-size: 100% 100%, auto;
background-position: left top, left top;
background-repeat: no-repeat, repeat;
}Thanks,
Nick
Hi,
See above I amended my answer once I remembered about the flickering.
The fixed directive seems to be causing it.
Thanks,
Nick
Hi,
You can use the theme correctly with sidebar or without. Just a matter of tweaking it with CSS since there is no way to create such a robust theme that’s one-size fits all, without a few adjustments to meet individual expectations. But then again, that’s why I am here. :)
Please add this to your /css/custom.css
#top.single .fullsize .template-blog .post .entry-content > *, #top.single .fullsize .template-blog .post .entry-content {
max-width:990px !important;
}If 990px is too small, set it at 1100 but 990 seems to be the size of your image.
Thanks,
Nick
May 28, 2013 at 6:44 pm in reply to: I have some issues with translation issues and with the contact form! #120370Hi,
Please try this. open up /framework/php/function-set-avia-backend.php , and find the function which starts on line 97 and ends on line 128
function avia_backend_safe_string( $string , $replace = "_")
{
$string = strtolower($string);
$trans = array(
'&#d+?;' => '',
'&S+?;' => '',
's+' => $replace,
'ä' => 'ae',
'ö' => 'oe',
'ü' => 'ue',
'Ä' => 'Ae',
'Ö' => 'Oe',
'Ü' => 'Ue',
'ß' => 'ss',
'[^a-z0-9-._]' => '',
$replace.'+' => $replace,
$replace.'$' => $replace,
'^'.$replace => $replace,
'.+$' => ''
);
$string = strip_tags($string);
foreach ($trans as $key => $val)
{
$string = preg_replace("#".$key."#i", $val, $string);
}
return stripslashes($string);
}
}and replace it completely with the function found here , since all the symbols and tics are breaking the forum.
This will translate the id of each form field into english while leaving the content in russian.
Please let us know if this worked out for you.
Thanks,
Nick
May 28, 2013 at 4:59 pm in reply to: I have some issues with translation issues and with the contact form! #120369Hi,
The problem I believe is that the code appends the latin root of each custom field with a suffix which is the title of the field. This works well when the title uses a latin alphabet , but if the title of the custom field is cyrillic there is a problem saving a field name that is half latin and half cyrillic.
I am running a test now to verify this hypothesis.
Thanks,
Nick
Hi,
Some of your thumbnails are 260×185 (first one -image slider os) while others are 257×257 (second, third, fourth ones).
The best way to go about it, is to first install the Simple Image Sizes plugin ( http://wordpress.org/extend/plugins/simple-image-sizes/ ). The plugin will give you complete control over images: setting constraints for specific locations like blog, thumbnails, portfolio, gallery, shop, etc. along with the ability to set whether to crop an image or not in Settings > Media.
Changing the dimensions of images does NOT automatically change all the images already uploaded but only affects new uploads. To change the sizes of images already uploaded, you will need to use the Regenerator – also a part of the Simple Image Sizes and found on the bottom of Settings > Media page.
—
So which consistent look are you trying to achieve… the way the first image looks on that page your provided or the way second image looks?
Thanks,
Nick
Hi,
Have you assigned the News page to be the blog in Enfold > Theme Options? http://www.clipular.com/c?6941003=Gaw-5mtW4pH-GEOD9ZyE_T_op9A&f=.png
Are your settings in Settings > Reading (front page display) http://www.clipular.com/c?6919054=JosRzTZUT-5OncFDyuys04CjGFI&f=.png (top part) the same as here?
How are you creating the individual image page? This one http://www.juls.ch/studios/lost/ ?
—-
You are setting the post as Format “image”.. Save it as : format: Regular. .. I think the image format does what it says, it displays the entire image.
Also don’t forget that you can add the Advanced Layout option to posts as well, and that way you can add a slider in there or a gallery, so that way you will see the thumbnail first.
Thanks,
Nick
Hi,
Please provide a url to the page so I can take a look at the code and see if you have errors coming from somewhere else. Please try deactivating your plugins as well.
Thanks,
Nick
Hi,
That file is still in there
http://www.andypeck.co.uk/wp-content/themes/enfold/config-layerslider/LayerSlider/skins/.DS_Store/skin.css
Take a look at a 3d representation of your page. http://i.imgur.com/ToEFKt9.png Each panel here is some html object that either has its own background color or has an inherited background color. So you would need to investigate each one.
This one is probably it,
.header_color .main_menu ul {
background-color: rgb(36, 31, 29,.5);
}
#top .main_menu ul {
background-color: rgb(36, 31, 29,.5);
}
#top .main_menu {
background-color: rgb(36, 31, 29,.5);
}Change the .5 which is 50% transparent
Thanks,
Nick
`
Hi,
Your website looks familiar :)
Your logo though is not 200×45 , but is 300×67 and it displays at 300×77 thus looking a bit stretched horizontally
When the logo becomes small , it shrinks down to 152×44 from 300×77.
I suggest you re-upload the logo at 200×77. Make sure the width is 77 or it will stretch it to 77 if its less. If you want to keep 300 height, that’s fine, just make sure the width is 77.
Thanks,
Nick
Hi,
Well there is no room for it, so lets push the menu a little to the left.
#top .main_menu {
right: 32px;
}—-
You can try this block to reposition the cart. Just take out the one you put in before that I gave you
#top .cart_dropdown.visible_cart {
right: -1px;
top: -2px;
display: inline-block;
position: absolute;
}If you don’t like that, the only thing I can suggest is to reposition the basket at the same time when the logo shrinks
Please open up /js/avia.js and find the block of code 763-807
line 763 looks like
//check if the browser supports element rotation
and line 808 looks like
//check if the browser supports element rotation
So delete everything between lines 763 and 808, and in that place paste the code below
function avia_header_size()
{
var win = $(window),
header = $('.fixed_header #header'),
basket = $('.cart_dropdown'),
logo = header.find('.logo img'),
elements = $('#header_main .container, .main_menu ul:first-child > li > a:not(.avia_mega_div a)'),
el_height = $(elements).filter(':first').height(),
newTop = 0,
isMobile = 'ontouchstart' in document.documentElement,
scroll_top = $('#scroll-top-link'),
set_height = function()
{
var st = win.scrollTop(),
newH = 0;
if(st < el_height/2)
{
newH = el_height - st;
newTop = -2;
}else
{
newH = el_height/2;
newTop = 21;
}elements.css({
height: newH + 'px',
lineHeight: newH + 'px'
});
basket.css({
top: newTop + 'px'
});
}if(!header.length) return false;
if(isMobile)
{
return false;
}win.scroll(set_height);
set_height();
}Thanks,
NIck
Hi,
This shortcode
[loginform]
Will create a login form on the maintenance page , just enter it in the text area used to show a coming soon message to visitors by that plugin.
Thanks,
Nick
Hi,
You are using a Mac? .DS_Store is some kind of a Mac file that somehow managed to get into your server and is enqueued (its encrypted) so its creating errors.
A maintenance plugin prevents google spiders from indexing your website till you are ready, so that a half finished website doesn’t go into the directory. With the plugin activated, anyone without a password cant see your website
Thanks,
Nick
Hi,
Please open up /includes/admin/register-plugins.php and put two forward slashes in front of lines 22 and 24 so that they look like
//require_once AVIA_PHP . '/class-tgm-plugin-activation.php';
//add_action( 'tgmpa_register', 'avia_register_required_plugins' );Thanks,
Nick
Hi,
For create&design, the solution is to use EM and not PT to define the size of the font since em is responsive. If you changed the font size to 5.5em it will shrink . Not sure if that font is working on not since removing the font family doesn’t change anything for me.
h6 {
font-family: BebasNeueRegular,Geneva,Arial,Helvetica,sans-serif!important;
font-size: 5.5em !important;
}=====================
for more space please open up /js/avia.js and find line 766 and change it to look like. You can change the 116 to a number you want the height of the header to be. Start off with changing it to the height of your logo and work up from there.
el_height = 116,
Thanks,
Nick
Hi,
Site looks good. Put up a maintenance plugin that allows password entry, to keep google out.
Please turn off the super cache plugin and the minify plugin while developing or you will never see your edits but edits from however long ago the cache was created, making you think you are going crazy and that the theme is your nemesis, when the cache plugin is just doing its job.
Simple Icon Plugin on the Bottom. What is it destroying, braking or messing up? Looks like the glyphs are coming through and the social icons are lined up in correct rows. The plugin uses Entype font from Fontello which is already part of the theme (icons in the icon box). It seems to be in two rows.
This is the css to change the social icons distance from each other. its set as you have it currently. change 6 and 12 a few different ways and see how you like it best
#top .simple-social-icons ul li {
margin: 0 6px 12px !important;
padding: 0 !important;
}For now lets start with that, and after you disable those two plugins, and added the code, try again the flicker plugin, i think that everything should be working now.
Oh yeh… You have a file of great evil which is being enqueued that you must destroy most likely via using ftp. it is located in wp-content/themes/enfold/config-layerslider/LayerSlider/skins/ folder and goes by ‘.DS_Store’ , somehow it is being enqued into the theme by the minifier probably …
Thanks,
Nick
Hi,
Please add this to /css/custom.css OR to Quick CSS located in … Enfold (Theme Options) > Styling .. the text box at the bottom of the page.
li .avia-menu-fx, .current-menu-item>a>.avia-menu-fx, li .current_page_item>a>.avia-menu-fx {
position: relative;
display: block;
top: -30px;
}Please tweak the above number to get the look you want.
Thanks,
Nick
Hi,
I think Ismael said it best “We can help you more if you can post a link to your website”. With all the extra customizations, its the only way we can ensure a meaningful answer and not waste your time with guesses.,
Thanks,
Nick
Hi,
Ok. Please remove the previous code and use this instead. It will anchor it this time.
#top .cart_dropdown.visible_cart {
right: -1px;
top: 21px;
display: inline-block;
position: absolute;
}Thanks,
Nick
Hi,
Please make sure all categories have a description, because when there is no description: Choice 1 below will push down from the category image and on pages with no description everything will look good, however on pages that have a description, Choice 1 will push the description down as well. Choice 2 will push from the category description , creating a space between the description and product images. However if there is no category description, the description container will also be missing, so nothing will change on those pages. So please make sure that **every category and sub-category** have a description and an image.
Use 1 or 2 (read above for explanation, if both are used, there will be space between category image and description, and space between description and product images)
1. To create the space between category title and products please add this css, and adjust bottom margin as needed (it is 0 currently).
#top.tax-product_cat .page-thumb {
margin-bottom: 50px;
}2. To create the space between category description and products use this css.
#top.tax-product_cat .term-description {
margin-bottom: 50px;
}==================
To add a separator will be more difficult and will involve editing the plugin. Since you didnt specify , i just included instructions above on how to add space.
=========
To change the size/color etc. of title this is the current css (i didnt modify anything, change font size below)
#top.tax-product_cat .title_container .main-title {
font-size: 16px;
min-height: 36px;
line-height: 2.3em;
font-weight: 400;
}==================
To modify the space between product images change the % in the code below (top, right, bottom, left) . So keep 2 of the 4 at 0%
You can use decimals so 1.1% is a good place to start
#top.tax-product_cat .shop_columns_3 .products .product {
margin: 0% 1% 1% 0%;
}Thanks,
Nick
Hi,
I remember the support request you are quoting, the plugin was the issue – calendar plugin. Enfold doesn’t use that particular plugin, but it has others. Thanks this is a good start for me to test with WPML.
But for the second issue , related to the errors in Chrome Dev Tools, please try the two above lines and see if you still have those errors.
Thanks,
Nick
May 24, 2013 at 6:15 pm in reply to: Large Logo causes problems with fixed header and mobile view #119985Hi,
Please open up /js/avia.js and find line 767 that looks like
el_height = $(elements).filter(':first').height(),
and change it to look like
el_height = 116,
You also have to take out any css modifications you’ve made that sets the size of your image somewhere else.
*make a text file where you keep track of files and line numbers that you are changing so that way you have a record for yourself of all your customizations.
Thanks,
Nick
Hi,
Please add this to your wp-config.php
define( 'CONCATENATE_SCRIPTS', false );
define('SCRIPT_DEBUG', true);Would you please post a screen grab of the errors again with these settings .
Thanks,
Nick
No problem. Enjoy the theme!
Thanks,
Nick
Hi,
You write that there is no space between product and category images.. However looking at this snapshot ( http://www.clipular.com/c?6577099=rfg4GyU7fSu3b11BtQ6uPcCNjrk&f=.png ) , i see a paragraph of text sepaprating the big image from the product images. Please specify what you would like to see as an end result, (extra space somewhere or an image moved and whether to add this padding before or after the paragraph of text?)
Thanks,
Nick
Hi,
Now I do. Thank you.
The IE pretty much looks same as Chrome while FF shows a barely visible shadow. Please add this FF fix to your /css/custom.css or to Quick CSS located in Enfold > Styling … text area on the bottom of the page
.cart_dropdown_first .cart_dropdown_link {
position: relative ;
left: -45px;
}Thanks,
Nick
Hi,
An ‘Archive Page’ is just a name to describe one of the two types of pages in WordPress. Any page that is a list of items is called an ‘archive page’. So every category page is an archive page because it contains an archive (list of items ordered by date) of that category. Don’t think of that word’s meaning in French but its meaning in wordpress.
On that note, please open up /framework/php/function-set-avia-frontend.php and look for line 829 that looks like
$output = __('Archive for category:','avia_framework')." ".single_cat_title('',false);
and change it to
$output = single_cat_title('',false);
This will just print the name of the category.
Thanks,
Nick
Hi,
Here are the media queries for the various device sizes. Please add it to your /css/custom.css file
@media only screen and (min-width: 768px) and (max-width: 989px) {
.main_color h3 {
font-size: 150%;
}}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.main_color h3 {
font-size: 150%;
}}
@media only screen and (max-width: 479px) {
.main_color h3 {
font-size: 80%;
font-weight:bold
}}Please use classes when you add html tags so this way they can be targeted by css. Invent the class names . So don’t add <div style=””> or <div> or <h3> .. Instead add <div style=”” class=”mydiv-1″> or <h3 class=”my-h3-class”> .. This way you can use css to target that specific tag. You need to do that on bottom of that page with read more , since you have same font problem there as well. Try to use ”em” when you define font sizes and not pixels font-size: 1.1em; and not font-size:14px;
Thanks,
Nick
May 23, 2013 at 4:11 am in reply to: Large Logo causes problems with fixed header and mobile view #119983Hi,
Anything is possible. Can even have the logo become even larger than it initially is instead of becoming smaller. Not an expert on what’s normal, but if you want to tell me what size you will have initial logo at and what size you want it to shrink to, I can give you the code that will do it.
strong.logo img, #header_main .container, .main_menu ul:first-child > li a {
height: 116px !important;
line-height: 116px !important;
}Try this. add it to your /css/custom.css or to Quick CSS located in Enfold > Layout (Theme Options) … the text area at the bottom of that page
Thanks,
Nick
-
AuthorPosts