Forum Replies Created
list of topics you have created till now.
-
-
Hi, sorry but i couldn’t understand what you really want, can you describe in more details or maybe with screenshots.
ahmetsali
Keymaster7 October 2014 at 22:26Posted in : Horizontal scroll without apply html templateHi, can you provide your url to check what’s wrong.
ok then, i will include the first code in the next update. Thanks for the feedback.
Hi, try this custom css code;
#portfolio .section-title { display: none; }Hi, can you provide your url?
Hi again, try adding this custom css;
.cover-image-holder { display: none; }Hi, you can try this custom css code instead;
.wrapper > .row { max-width: 610px; }ahmetsali
Keymaster7 October 2014 at 22:01Posted in : Header logo not displayed correctly on mobileHi again, i just checked on android 4.0 and ios (6/7/8), and i can’t detect the issue, it looks fine in all cases on my side.
Hi, i can’t open your url, nothing.
just paste it to the “Custom CSS” box located under “Appearance > Theme Options > Style tab.”
Hi, try this custom css code;
/* HEADER */ .header { position: relative; width: 100%; background-color: #345; background-size: cover; background-position: center center; } .header p { background: none; text-shadow: 0 2px 0 rgba(255, 255, 255, 0.2); } /* NAV */ .vs-nav li a { color: rgba(0, 0, 0, 0.4); text-shadow: 0 2px 0 rgba(255, 255, 255, 0.2); } .vs-nav li a i { text-shadow: none; } .vs-triplelayout .vs-nav .vs-nav-current a, .vs-nav li.current_page_item a, .vs-nav li.current_page_item a:hover, .container.vs-move-left .vs-nav-right a, .container.vs-move-right .vs-nav-left a { color: #333; } .vs-nav li a:hover, .vs-nav li a:focus { color: rgba(0, 0, 0, 0.5); } /* HEADER SEARCH */ #search-form #search { background: transparent; background: rgba(255,255,255, .1); border-color: #333; color: #333; border-width: 2px; } #search-form #search:focus { background: transparent; background: rgba(255,255,255, .2); color: #333; } #search-form #search::-webkit-input-placeholder { color: #666; } #search-form #search::-moz-placeholder { color: #666; } #search-submit { color: #333; } /* CLASSIC LAYOUT NAV */ .classic-layout .vs-nav li a { color: #333; border-color: #333; background: none; background: rgba(255, 255, 2555, 0.1); text-shadow: none; } /* SINGLE PAGE NAV */ .single-page-layout .vs-nav li i { background: none; color: #333; border-color: #333; border-width: 2px; }try this custom css code;
#nav li a { padding: 17px 7px; }ahmetsali
Keymaster29 September 2014 at 14:57Posted in : Header logo not displayed correctly on mobile– what is your mobile device and android version?
– can you provide your url?Hi, this is not available by default, needs more further customizations, you may consider working with a professional, if you are not familiar to html/wordpress coding.
Hi, i just checked our demo site on Mac OS X (10.9.5) and Chrome 37, and it is fine on my side. – — What is your test platform? Os and browser versions?
– Can you check demo site, and if it occurs on our demo site too?
– Can you provide your url?Hi, it can be possible, can you provide your url?
Hi, i just checked your site and i can see the menu in your header.
ahmetsali
Keymaster29 September 2014 at 14:08Posted in : Header logo not displayed correctly on mobileHi, try this custom css code;
@media screen and (max-width: 767px) { .header img { max-height: 120px; max-width: 120px; } }Hi, try this;
– open
js/main.jsin a text editor, find for keyword :NProgressand comment the lines that starts with it.Hi again, i just checked your site and this file is different than the original comes with the theme;
themes/cvcard-v1-1-4/css/bootstrap.min.css
download the the latest version of the theme (v1.1.5) and install it then check again.
It can be possible but it requires more hard work, we can only provide customizations of some lines of code. You can hire someone experienced to do the job for you, if you are not familiar to wordpress-html coding.
ahmetsali
Keymaster29 September 2014 at 13:22Posted in : FontAwesome icons showing as empty squaresHi again, when i check your site, i see the error below on your console ;
Font from origin 'http://alexandracolon.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.alexandracolon.com' is therefore not allowed access.
This looks like a server related issue. I found this link when i googled it, maybe it helps you;
this is really weird, can you check with this one;
// ------------------------------ // LAYOUT FALLBACK : SAFE MOD safeMod = $('html').attr('data-safeMod') === 'true'; var isIE11 = !!navigator.userAgent.match(/Trident\/7\./); var ua = navigator.userAgent.toLowerCase(); var isAndroid = ua.indexOf("android") > -1; var isOperaMobile = isAndroid && navigator.userAgent.indexOf("Opera")> -1; safeMod = safeMod || !Modernizr.csstransforms || !Modernizr.csstransforms3d || $(window).width() < 960 || $.browser.msie || isIE11 || isAndroid || isOperaMobile; if(safeMod) { $('html').addClass('safe-mod'); setActivePage(); $.address.change(function() { setActivePage(); }); } // ------------------------------Hi, “Skills area” is located under “Resume” page in our demo site. Can you provide url or screenshots about the part you want to customize?
Hi again,
1-) I just checked your site on win8 both on chrome (v37) and IE11, it looks fine on my side. But i see this missing column issue sometimes, i will try to fix it.
2-) I see the issue, and i fixed it, it will be available in the next update.
Thanks for the feedback.
Hi again, i see the issue, i will fix it and it will be available in the next update. Thanks for the feedback.
Hi, navigate to “Theme Settings > Style ” and paste the code below to “External Stylesheet/JavaScript” box;
<script> jQuery( document ).ready(function( $ ) { if($('#contact-form').length) { $('img.aligncenter').insertBefore( ".map" ); } }); </script>Hi,
1-) to change the header size, play with this custom css code;
.header { padding: 2em 0; }2-) try this custom css codes;
– to change title size/color and remove uppercase transformation;
.header h1 { text-transform: none; font-size: 4em; color: #096; }– to change menu links font size and color;
.vs-nav li a { font-size: 2em; color: #096; }3-) to remove “My Works” title on portfolio page;
.portfolio .section-title.center { display: none; }can you try this updated code and see if it works for opera mobile;
// ------------------------------ // LAYOUT FALLBACK : SAFE MOD safeMod = $('html').attr('data-safeMod') === 'true'; var isIE11 = !!navigator.userAgent.match(/Trident\/7\./); var ua = navigator.userAgent.toLowerCase(); var isAndroid = ua.indexOf("android") > -1; var isOperaMobile = navigator.userAgent.match(/Opera Mini/i); safeMod = safeMod || !Modernizr.csstransforms || !Modernizr.csstransforms3d || $(window).width() < 960 || $.browser.msie || isIE11 || isAndroid || isOperaMobile; if(safeMod) { $('html').addClass('safe-mod'); setActivePage(); $.address.change(function() { setActivePage(); }); } // ------------------------------Hi, can you provide your url?
it can be possible, for which page, can you provide the page url?
Hi, you have missed the curly bracket at the end of the custom css code @mehmetsali ‘s last post. Correct it and check again.
sure you can, this is the updated code block that starts at line:42 ends in about line: 57
// ------------------------------ // LAYOUT FALLBACK : SAFE MOD safeMod = $('html').attr('data-safeMod') === 'true'; var isIE11 = !!navigator.userAgent.match(/Trident\/7\./); var ua = navigator.userAgent.toLowerCase(); var isAndroid = ua.indexOf("android") > -1; safeMod = safeMod || !Modernizr.csstransforms || !Modernizr.csstransforms3d || $(window).width() < 960 || $.browser.msie || isIE11 || isAndroid; if(safeMod) { $('html').addClass('safe-mod'); setActivePage(); $.address.change(function() { setActivePage(); }); } // ------------------------------please just create a new topic about your new question.
Hi Marc, thank you, i am glad you liked our theme. About your questions;
1-) try this custom css code;
@media screen and (min-height: 600px) and (max-height: 770px) { .rm-wrapper { top: 90px; bottom: 90px; } }2-) I just checked on IE 11, i can detect the issue, it looks fine on my side. What is the browser version that issue occurs on?
just replied in your topic.
Hi, can you provide your page url to see what’s wrong?
Hi, yes you can create a menu item for a portfolio category, it should be like
department/category-name/as;Hi, what is your test platform (os and browser version) and screen resolution ?
Hi, actually this is done on purpose for this design. But if you don’t like it you can try this custom css code;
@media screen and (min-width: 1200px) { .content { padding: 1em 6em } .vs-triplelayout .wrapper > section { width: 100%; left: 0%; } .vs-triplelayout .wrapper .vs-left { left: -100%; /* 100 - 0 */ } .vs-triplelayout .wrapper .vs-left-outer { left: -200%; /* - 100 - 100 */ } .vs-triplelayout .wrapper .vs-right { left: 100%; /* 100 + 0 */ } .vs-triplelayout .wrapper .vs-right-outer { left: 200%; /* 100 + 100 */ } }Hi, i can’t say what is wrong by looking at screenshots. Can you provide your url?
ahmetsali
Keymaster21 September 2014 at 16:41Posted in : Why does GRID and FORM ELEMENTS show in MenuHi, thanks for sharing the solution.
Hi, try this;
– select “Post name” option under “Settings > Permalink” in wp admin.
maybe this helps you;
– you can try placing the object related to bottom right;
.cover-object-holder { position: absolute; bottom: 0; right: 0 ;z-index: -1; opacity: 0.6; }Hi, try this custom css code;
.site-description { letter-spacing: 3px; }Hi again, the layout adapts itself to various screen resolutions (book size changes at some breakpoints.) What is the resolution you view it?
Hi, i see the issue. It looks like android mobile browser can’t handle the 3d book layout. I fixed it by forcing the layout into safe-mod on android tablets. It will be available in the next update. Thanks for the feedback.
ahmetsali
Keymaster21 September 2014 at 14:55Posted in : FontAwesome icons showing as empty squaresHi, i just checked our demo site on Mac OS (v10.9.4) with latest chrome (v37), icons looks fine on my side. What is your test platform?
Hi, this happens because your homepage has shorter content than any other pages, thus vertical scroll doesn’t appear automatically on your homepage. So it it looks like there is a glitch when navigating between pages. Sorry but, i can’t think a solution for this. I have been limited by css when coding a layout like this which is a triple view layout but left and right pages content shouldn’t effect vertical scrolling.
ahmetsali
Keymaster21 September 2014 at 13:55Posted in : Standard links in Portfolio page not workingwhen i validated your markup i detected two important issues;
Error : Line 718, Column 6: End tag div seen, but there were open elements. </div> Error : Line 711, Column 19: Unclosed element ul. <ul class="social">
can you fix this and check again.