Okay
  Public Ticket #1288920
Photography Demo import not exact
Closed

Comments

  • yoofiao started the conversation

    I purchased this theme because I was in love with the photography demo template and wanted my site to look exactly like that. I have imported the demo but it still doesn't look exact. I know the images don't import and that's fine but can I just have everything else look the same? It's annoying seeing one thing on your site and then having to tweak so many different settings just to get the same result. 

  •  2,744
    Andrew replied

    Hey there,

    Thanks for reaching in.

    So just clarify, what exactly do you need us to help you with?

    Regards,

  • yoofiao replied

    1. I would like the fonts and colors to be the same as they are in the demo theme. I can't seem to find the same font, or make the menu font color/social media icons to black.

    2. The height of the header seems wider than what I saw in the demo, how do I change that?


  • yoofiao replied

    Also, I'm not able to get the image gallery to be full width and masonry at the same time even though that's what I selected

  •  2,744
    Andrew replied

    Ho yoofiao,

    Apologies for the late reply.

    About the options not working even after the demo import, the demo import does not seem to have gone correctly.

    What you can do is import the salient theme options settings for the photography demo. They are attached to this message as a txt file. You can import this under salient \ import export - import options - import from file.

    Then save.
    Not this will override the current ones.
    Let us know how it goes and we can take it from there.

  • yoofiao replied

    Imported the settings. That did help, thanks.

    I'm still having issues with displaying a gallery in the masonry format. 

    1. The padding between the images does not change even after I specify it

    2. The images only display in masonry format when I choose 4 columns - does not work on fullwidth format.


  •  2,744
    Andrew replied

    Hi again,

    Thank you for writing back to us.

    I will need to see your website first, however it looks like your website is currently undergoing the maintenance mode. If possible, could you please disable the maintenance mode for a while or, send me login credential to your website.

    Looking forward to your reply.

    Best regards.

  •   yoofiao replied privately
  •  2,744
    Andrew replied

    Hi again,

    Thank you for providing the credential.

    I see that you want to change the spacing between the images. Rather than adjusting the padding, you should be adjusting the margin instead. Please use the following code to change the portfolio item margin:

    .col.span_3.regular.element.one-fourths.clear-both.animated-in {
        margin: 10px !important;
    }
    

    As for the full width portfolio, you may want to make the row full width instead. Please open the 'Row Settings' and select 'Full Width Content' from the dropdown.

    Hope this helps.

    Best regards.

  • yoofiao replied

    The row setting did help with making the gallery fullwidth. Thanks.


    However, the code you provided is not changing the spacing between all the images - it's only affecting the images in the middle it seems like.

    Can you just tell me exactly what was done in home page of the demo theme "Photography"? That's all I'm trying to do here.

  •  2,744
    Andrew replied

    Hi yoofiao,

    Apologies for the late reply.

    The element in use there http://themenectar.com/demo/salient-photography/ is the portfolio visual composer element.

    We have added it to http://www.yoofiotabil.com/testpage/ and also configure it as much to look like the one on the photography demo.

    We also added more portfolio items to your site so that it looks almost the same.
    The spacing between items can be adjusted on the portfolio item settings.

    If you want to adjust the aspect ratio of the elements then use the masonry item sizing setting on the portfolio edit page - project configuration section. In short that will make the images look taller or wider if you want.

    Please try to use this element instead of the current image gallery you have on the homepage as it's easier to work with.

    Hope you can work it from there.

  • yoofiao replied

    That was very helpful. Thank you!

    Follow up question - is there a way to disable the image title when the mouse hovers over the portfolio item? I would like to have to the option to just zoom the hovered item but not display the title or the accent color. 

  • yoofiao replied

    Also, is there a way to randomize the masonry items? It appears they follow loosely the order in which the portfolio item was created. 

  •  2,744
    Andrew replied

    Hi again,

    Thank you for writing back to us.

    Please use the code below to disable the hover effect:

    .portfolio-wrap .work-info-bg {
        opacity: 0 !important;
    }
    .work-info .vert-center h3 {
        display: none !important;
    }
    

    Unfortunately, we don't have the feature to randomize the portfolio items order

    Hope this helps.

    Best regards.

  • yoofiao replied

    Hi, is there a way to keep just the zoom effect? the code below disabled the zoom as well.

    Also, is there a way to change the order of the items have been created? Will changing the "uploaded time" change the order?

  •  2,744
    Andrew replied

    Hi again,

    Thank you for writing back to us.

    It looks like you haven't changed the project style yet. Please open the page editor and the 'Portolio Settings' popup, and select the 'meta on hover with zoom' style.

    Hope this helps.

    Best regards.

  • yoofiao replied

    That worked perfectly, thanks so much!

    Any tips on how to reorder the portofilo?

  •  2,744
    Andrew replied

    Hi again, 

    To reorder your portfolio, please take a look at the following article: https://themenectar.ticksy.com/article/8581/

    Please feel free to contact us if you have any further questions. 

    Best Regards.