[ahmetsali]

sure, wp 4.0 compatiblity is the next thing on our update list. Thanks.

[ahmetsali]

Hi again, i just checked your site again, and it looks good now. Also 22 inch or 23 inch screen shouldn’t matter since they probably will have the same resolution : 1080p.

note : also i detected an issue about fitRows layout option (it wasn’t applying fitRows, instead was always masonry) and fixed it, and will be available in the next update. Thanks for the feedback.

[ahmetsali]

1-) it looks like your source image doesn’t have similar dimensions/aspect ratio as the cover page. your image is 700×515 px and it should be similar to cover page dimensions: 560x740px.

2-) about your portfolio page markup, move

<div class="portfolio-items

into

<div class="content">

it should look like;

<div class="content">
    <div class="portfolio-items">
    ...
    </div>
</div>

[ahmetsali]

update your custom css code as;

.cover-object-holder { position: absolute; top: 0; left: 0 ;z-index: -1; opacity: 0.6; }

also for your portfolio page, <div class="portfolio-items should be inside of <div class="content">

[ahmetsali]

use background-size: 100%; and background-position: center;.

[ahmetsali]

@isaumya

of course not, we continue to support all our themes, i agree our response time was not good enough in the past two weeks, but we will improve our response time, sorry for the delay.

[ahmetsali]

you can use the custom css below to make gutter width 30px and limit the container width to 1030px.

.page-template-page-portfolio-php .middle > .row {
    max-width: 1060px;
}
.portfolio-items .media-box {
    padding: 15px;
}

But it is not easy to change the item widths, they should be proportional.

[ahmetsali]

you can try this code for this page, and for other pages you want full width background image, you can use this code by just chancing page id number;

.page-id-9063 .middle .row { max-width:none }
.page-id-9063 .hentry{ padding-top:0 }
.page-id-9063 .middle .row{ max-width:none !important;width:100%}

[ahmetsali]

you need to reduce your background image size, it is too weight (2.8mb) in size for web, you can try;

– convert your image to jpg format and optimize it for web, it should be about 500kb at max.

[ahmetsali]

@anneleenvanhoudt

do you have wp version, i was giving instructions for html version. If you have the wordpress version then you can just copy and paste the code to the “Appearance > Theme Options > Style > Custom CSS” box in wp admin.

[ahmetsali]

1-) for question #1 : i have no idea why ajax script is not working on your site. I expect to see some script errors when something like this occurs but in your site i can’t see any script errors on the console. So i have no clue what is causing this, Can you try :

– install a fresh copy of the theme on the same server and import dummy data and check if it occurs on the fresh copy.

– Regarding to #3, our wordpress developer will answer this question in a short time.

[ahmetsali]

try adding this custom css code;

.page-id-8982 .middle .row {
   max-width: none !important;
   width: 100%;
}

[ahmetsali]

i just checked your css file and you have a redundant “dot” in your code, remove it and it should be fine;

/* COVER PAGE */
.   ****remove this line
.cover-object-holder {position: absolute; top: 0; left: 0;}
.cover { position: relative; z-index:1000; width:100%; height:100%; padding-right: 1px; overflow:hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; }

[ahmetsali]

Hi, i am not sure this will suit you but you can try this custom css code;

.rm-container:before {
    content: "YOUR TITLE"; text-align: center; width: 100%; display: block; font-size: 32px; font-weight: bold; color: #333; text-shadow: 1px 1px 1px #eee; padding-top: 12px;
}

[ahmetsali]

Hi, that’s a nice idea. we will have that in mind for a next update. Thanks

[ahmetsali]

@HeyMimi

it should be working,

– you may have a syntax error on your other custom css codes, please check and validate all your custom css codes, if you can’t figure out how, please provide your url so i can check what is wrong.

[ahmetsali]

@anneleenvanhoudt

you can try adding it to the end of css/main.css file.

[ahmetsali]

Hi, for which page? masonry blog or portfolio page?

[ahmetsali]

Hi,

let’s continue to discussion in this topic, i believe they are same;

http://www.pixelwars.org/forums/topic/remove-margins-2/

[ahmetsali]

Hi, we will run a test about wordpress 4.0 compatibility in this week, and release an update soon. Thanks for the feedback.

[ahmetsali]

you can style them differently by adding more css properties to the code in my previous post; such as;

.sidebar h3 {
    color: #096;
}

[ahmetsali]

Hi, i just checked your page, and can’t see any background image.

[ahmetsali]

Hi,

-about your issue: ” the animation isn’t working”,
– i see your page animated on chrome, did you check on firefox? if yes, this issue only happens in latest firefox versions, i will try to fix it and release an update soon.

[ahmetsali]

Hi, which margins? are you sure you have posted on right topic?

[ahmetsali]

Hi,

1-) for question #1 : it’s really weird, i can’t see any errors on console but ajax script is not working properly on your site; can you try;

– disable all of your plugins and check it again.

[ahmetsali]

Hi all, i see the issues, we will try to fix them all and release a new update, estimated time is about in a week. Thanks for the feedback.

[ahmetsali]

Hi again, are you sure you have added the custom css code i posted. Because i can’t see the code when i check your source code.

[ahmetsali]

Hi, you can try this custom css code;

.main-navigation ul li a {
    font-size: 18px;
}

[ahmetsali]

unfortunately, it is not that simple, there has to be some modifications in the javascript. You can check out the link below, but it only works if you click menu links in order, or you should have max 3 menu items.

http://www.pixelwars.org/forums/topic/menu-without-rotating-effect/#post-13207

[ahmetsali]

Hi, try this one;

.main-navigation ul ul {
    margin-top: 0;
}

[ahmetsali]

Hi, try this custom css codes;

– to change header background color;

.site-header .row {
    background: #FAFFE0;
}

– to change body background color;

body {
    background: #ECFDFF;
}

[ahmetsali]

Hi, can you try this custom css code;

.podlovewebplayer_audio .mejs-audio {
    max-width: none;
    width: 100%;
}

[ahmetsali]

Hi, sorry, this is not possible by default, needs more further customizations, you may consider working with a professional, if you are not familiar to coding.

[ahmetsali]

Hi, again here is the link;

http://www.pixelwars.org/forums/topic/changing-mobile-icons-and-other-suggestions/#post-9197

[ahmetsali]

Hi, try this custom css code;

a#header-search-link,
a#header-search-link:hover,
a#header-search-link:active {
    background: #096;
}

[ahmetsali]

Hi, you can try this custom css code;

.site-header .social li a,
.site-header .social li a:before {
    padding: 7px;
    font-size: 20px !important;
}

[ahmetsali]

Hi, thanks for sharing the solution.

[ahmetsali]

Hi again,

1-) you have a redundant p element that causes the top white space, you have to remove that element.

2-) This is not easy to do with custom css code because the wrapping element doesn’t have a class.

[ahmetsali]

Hi, this is not available by default, needs more further customizations, you may consider working with a professional, if you are not familiar to wordpress coding.

[ahmetsali]

Hi,

1-) I see the code is effected your site, your sidebar is narrower than default version. You want something different?

2-) try this custom css code;

.entry-header, .post .entry-title, .entry-meta, .hentry:before, .hentry.sticky:before, .not-found  {
    text-align: left;
}
.entry-content a.more-link {
    margin-left: 0;
}

[ahmetsali]

Hi, i see the issue, and it is really weird, i will try to understand what causes the issue, and release an update when i come up with a solution. Thanks for the feedback.

[ahmetsali]

sadly no, this is not easy to do with a few lines, this layout is coded for 3 menu links in mind.

[ahmetsali]

Hi, thanks for sharing the solutions.

[ahmetsali]

Hi, do you mean vertical spacing between the images, because i don’t css horizontal spacing in the images, then use this custom css code;

.aligncenter {
    margin: -24px 0;
}

[ahmetsali]

Hi, try this custom css code;

body {
    font-size: 14px;
}

but this may also effect headings as they have been coded in em units. If you only want to adjust paragraphs you can try this;

p {
    font-size: 14px !important;
}

[ahmetsali]

hashtag # is needed for ajax enabled pages, and for browser back button support on one page style templates.

[ahmetsali]

Hi again, i see, it occurs in our demo site, too, i will try to fix it, thanks for the feedback.

[ahmetsali]

i see, try this one;

.site-header hgroup {
    padding-top: 0;
}

[ahmetsali]

Hi, try this custom css code;

.main-navigation ul ul {
    margin-top: 1px;
}

[ahmetsali]

you have an empty paragraph in your page content, first remove it and use this custom css code;

.page-id-8950 .middle .row {
    max-width: none;
}
.page-id-8950 .hentry {
    padding-top: 0;
}
.page-id-8950 #comments {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}