31 comments found

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
fahimc97 Purchased

hi, I want to change the style of the header(eg, the pattern_) what do I have to edit to change that.

Thnks

Morad

Open colors_and_backgrounds_options.css and you will find the all specifications of the theme styles, take a look at this file and you will understand how to make the changes you want.

If still need more, then i’m ready :)

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

Hi,

All your themes are wonderful. Do you have any plans to make the themes to Wordpress.

Regards

Pallichal

Morad

Hi pallichal :bigsmile:

I’m sure want to provide the Wordppess versions of my themes, but i don’t have knowledge about Wordpress developments. But i asked for a developer and he in certainly working on the Wordpress version of one of my item “One Straight Line”, and i’m interested to make the Wordpress version of all my themes, so i will see if he is inrerested with the other themes or i ask another developer to make them, because i want to provide the Wordpress version of them.

Regards

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

I wanted to find out if I can change the Jquery Slider to a fade from one photo to another, rather than the 2 sliders that come with it.

Morad

Hi Fluge :),

You mean you want to use only the fade effect for transition between images ? If that, then you can use the fade effect for both of the 2 sliders.

If i didn’t understand, so tell me !

Regards

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years

Hello – there is a slash pattern around some of the images in your site. In the portfolio for example. Is there a way to turn off these slash patterns?

Morad

Hi cturner24fps

I’m very sorry for this late ! , it was out of my hand.

Yes, you can do that. But you have to change the dimensions of portfolio images used to prevent using the space that will be replaced with the grid pattern effect as a space between each portfolio item, so you will need to change the height and width of portfolio item images for both the 2 type of portfolio, that’s to be looking normal.

Open custom_separated_css_file_for_custom_specific_optimizations.css and paste this css code. You will just paste this code in that file to keep the default settings as it’s existed in the style.css file.

/*portfolio item settings*/

.portfolio_item {
    padding: 0;
    width: 225px;
    height: 174px;    
}

.boxgrid {
    width: 225px;
    height: 174px;
    background: #fcfcfc;
    -moz-box-shadow: 0 0 2px #ccc inset;    
}

.boxgrid img {
    width: 225px;
    height: 174px;    
}

div.image_box, div.image_box_one_third, div.image_box_one_fourth, div.image_box_one_half, div.image_box_two_third, div.image_box_two_third {
    padding: 0px;
    background: #FFFFFF;
}

div.image_box_one_third img {
    height: 206px;
    width: 306px;
}
div.image_box_one_fourth img {
    height: 154px;
    width: 225px;
}
div.image_box_one_half img {
    height: 413px;
    width: 470px;
}
div.image_box_two_third img {
    height: 420px;
    width: 634px;
}

/*single portfolio settings*/

.single_portfolio_nivoslider_wrapper {
    padding: 0;
    background: none;    
}

.single_portfolio_nivoslider {
    height: 350px;
    width: 634px;
}

.single_portfolio_nivoslider_fullwidth_wrapper {
    padding: 0;
    background: none;    
}

.single_portfolio_nivoslider_fullwidth {
    height: 380px;
    width: 960px;
}

You will need to re-size you first portfolio images to width: 225px and height: 174px, this is for the case of the first portfolio style

Also open custom.js file and change the part of Portfolio Items Sliding Box by the following:

// -------------------------------------------------------------------------------------------
// Portfolio Items Sliding Box
// -------------------------------------------------------------------------------------------

    $(document).ready(function(){
        //To switch directions up/down and left/right just place a "-" in front of the top/left attribute
        //Vertical Sliding
        $('.boxgrid.slidedown').hover(function(){
            $(".cover", this).stop().animate({top:'-174px'},{queue:false,duration:500, easing: 'easeInOutExpo'});
        }, function() {
            $(".cover", this).stop().animate({top:'0px'},{queue:false,duration:500, easing: 'easeInOutExpo'});
        });
        $('.boxgrid.slideup').hover(function(){
            $(".cover", this).stop().animate({top:'174px'},{queue:false,duration:500, easing: 'easeInOutExpo'});
        }, function() {
            $(".cover", this).stop().animate({top:'0px'},{queue:false,duration:500, easing: 'easeInOutExpo'});
        });
        //Horizontal Sliding
        $('.boxgrid.slideright').hover(function(){
            $(".cover", this).stop().animate({left:'225px'},{queue:false,duration:500, easing: 'easeInOutExpo'});
        }, function() {
            $(".cover", this).stop().animate({left:'0px'},{queue:false,duration:500, easing: 'easeInOutExpo'});
        });
        $('.boxgrid.slideleft').hover(function(){
            $(".cover", this).stop().animate({left:'-225px'},{queue:false,duration:500, easing: 'easeInOutExpo'});
        }, function() {
            $(".cover", this).stop().animate({left:'0px'},{queue:false,duration:500, easing: 'easeInOutExpo'});
        });
        //Diagnal Sliding
        $('.boxgrid.slideangle').hover(function(){
            $(".cover", this).stop().animate({top:'174px', left:'225px'},{queue:false,duration:500, easing: 'easeInOutExpo'});
        }, function() {
            $(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:500, easing: 'easeInOutExpo'});
        });
    });

For the first single portfolio slider, you will need to re-size the images to width: 634px and height: 350px

For the second single portfolio slider, you will need to re-size the images to width: 960px and height: 380px

Last, i apologize for this late and hope you forgive me !

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years

Hi! i was hoping that you could show me how to change and lock the default font in this section?

About Our Company We offer…

Home / About Our Company <!- end page_title ->

Currently the font defaults to other random fonts when I open the page in other browsers. I would like it to stay one font and not change.

Morad

Hi cturner24fps

I’m very sorry for this late! , i was disconnected from work for about a continued 20 days, so i’m so sorry for that.

In fact, i didn’t understand. You are talking about font issue, but i couldn’t understand, may be due to badness in my English :bigsmile: , Sorry !

Last, i hope your accept my apologizes, this was out of my hand.

Greetings

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years
kgc1986 Purchased

HI, how do I fix the IE problems??

Morad

Hi kgc1986

I’m very sorry for this late! , i was disconnected from work for about a continued 20 days, so i’m so sorry for that.

Which ie problems you are talking about ? , i searched before as possible for ie issues and i fixed them for ie7 and ie8. Waiting your reply :bigsmile:

Last, i hope your accept my apologizes, this was out of my hand.

Greetings

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years
kgc1986 Purchased

Hi Morad,

thanks for getting back with me,

how do I fix the problems for ie because if you visit my website in ie, you can see that the layout is off and the top navigation menu does not work for ie.

please visit my website www.ngmarketingdesign.com in the ie browser so you can better see what I am talking about.

try the top navigation and view the footer.

the website loads beautifully in firefox and other browers except for ie.

thanks again! :)

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

Lovely design, thanks :)

  • Bought between 10 and 49 items
  • Canada
  • Has been a member for 4-5 years

Wonderful themes !!!!!

I saw you plan to bring them to wordpress but do you plan for Joomla ?

If yes, I plan to buy all of them :)

Thank you and GOOD WORK !

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hi Morad, I love your theme and I’ve purchased it for my website which I’m constructing right now. Do you have some suggestions on editing the template with the colour, skin and spot effect you want? I’m a bit new to HTML and I need some pointers. Shawn

Morad
Morad Author

Hi writershrink :)

The documentation is containing what you are asking for. But to quickly make the changes you want, just go to css_structure_and_styles_imports.css and you will find a map to the styles options included in the theme and how to choose and change between them, you will not need to deal with CSS codes, you will just change a number to transform between styles included in the template.

For example, to choose between the 20 ready made skins, go to IMPORTS PART and change the number from 1 to 20 to change between the 20 skins as following:

/* ------------------------ IMPORTS PART ------------------------ */

.
.
.
.

/* SAMPLES_SKINS_OPTIONS */
@import url("skins/skin2.css");

.
.
.
.

and also the same idea for other styles. But for changing between the spot effects, i forgot to add the ability to change between them using the same idea of just changing a number, without dealing with any codes. I will soon include this option soon. But to change between them you can add these codes in custom_separated_css_file_for_custom_specific_optimizations.css file

For Spot Effect 1

#header_container {
    background: url("../images/spot_effects/1.png") no-repeat center top;
}

For Spot Effect 2

#header_container {
    background: url("../images/spot_effects/2.png") no-repeat center top;
}

For Spot Effect 3

#header_container {
    background: url("../images/spot_effects/3.png") no-repeat center top;
}

For Spot Effect 4

#header_container {
    background: url("../images/spot_effects/4.png") no-repeat center top;
}

For Spot Effect 5

#header_container {
    background: url("../images/spot_effects/5.png") no-repeat center top;
}

For Spot Effect 6

#header_container {
    background: url("../images/spot_effects/6.png") no-repeat center top;
}

Finally, for more details about styling, go to documentation and explore more details under CSS Files and Structure

I hope that i made a clearance for you

Thanks :)

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Morad, I’m eding my website and it is going well. However, I made a mistake in the beginning and deleted the menu/navigation bar at the top on the front page. How do I get it back? I thought I was doing the correct thing by editing the “index_html” file (I think that is what it is called) and pushing some of that stuff down. Now at the very bottom you can juuuuussssttt see some of it, barely.

Morad
Morad Author

Hi writershrink :)

I’m very sorry for this late. You seem don’t have enough HTML experience. The best selection for such your case to go to the Wordpress category and getting the template you like. In the Wordpress category, you almost don’t need any code experience to deal with a Wordpress theme, because you just deal with windows to get the content you like. So i suggest you if you want a new website for you to go to the Wordpress category here and pick your preferred template, you will find there unbelievable and beautiful design that i’m sure you will like.

But anyway, contact me throw my profile page to help you with your request if you still didn’t fixed it !

Default-user

I did indeed fix it, so no! I won’t be buying a wordpress theme! LOL. Seriously, I love your template. And it is true I am very new to HTML but I kinda knew that going in.

I fixed the navigation menu on the home page, but now there is a red strip across the very top! The other pages don’t have this. Only index.html and index2.html. How do I fix it?

Editing is going very well aside from the above question. I have one more (for now). How can I alter the background colour and texture options for different pages?

Default-user

High maintanence, I know. =P

by
by
by
by
by
by