Hi @ricardo79,

Thanks for the purchase and your comment.

Yes, I will need more information to be able to assist. Could you, send me a link to your website and indicate specifically the issue you’re having with the menu?

I’ll wait for your reply, thanks again.

Leo

Hi Leo, Where I can send to you the user and password so you can check?

Hi Des,

I’m not entirely sure I understand.

What specifically does not look like the demo? What changes do you wish to make? And lastly, what do you mean by not being able to see any presentation in the download documentation?

If you can elaborate on the above points further I’ll be able to assist.

Thanks,

Leo

Hi Leo, thanks for the prompt reply. If you can go to www.john-and-amy.com you will see what I mean. I just seem to have a basic text website with no pictures etc. Making changes I mean, I want to add new pictures etc. When I was looking at this theme it mentioned it had supporting documentation / video, I cannot see any in the download. Thanks Des

Hi Des,

Sure thing, I can help you out.

Looks like you have not completed the installation process which is why you are seeing what you are.

In the documentation file there is a walk through video as well where I explain how the whole process works.

You will find the documentation in the main download file, not within the WordPress install.

If you go back and download “All files and documentation” you will have access to everything. The docs are found in the directory labelled /documentation.

Let me know how you go.

Thanks,

Leo

Hi Leo, again thanks, I have found the video and documentation. Would you please be able to examine www.john-and-amy.com again and see how my page looks, some weird stuff on the top, which does not appear on your video.

Thanks again

Des

Hi Des,

Those are the default widgets. You should remove those and you will get the same look. Go into Appearance > Widgets and you’ll be able to remove the ones you don’t need.

If you run into any issues let me know.

Thanks,

Leo

Hi @

You sure can – you will find a .psd file within your main download. It is labelled eternity-template.psd. Open that up and you will have access to customize the color of the hearts (amongst other things).

Thanks,

Leo

I am a complete newbie with this stuff, so I apologize in advance – where would I find this? Appearance > Editor? I was able to change the color of other things in the Stylesheet there….can’t see the file you reference tho…Thanks, Leo

Hi @GoodLife2014,

No need to apologize. Firstly, you will need to open up the .psd file, which is a Photoshop file and change the color you want in there. Have you done this step?

Let me know and then I’ll walk you through the rest.

Thanks,

Leo

No, I’ve been editing all colors from the HTML script in WP. I don’t have Photoshop on my computer. Will I need it to change this? If so, I can download a trial…

I see, then yes you will have to as that is an image asset. Once you update the color all you do is copy and paste the asset in the same area as the previous one – this will overwrite it.

Let me know how you go, thanks.

Leo

Hi Leo – downloaded Photoshop CC and opened the image to edit color, however the font type of that layer (type awesome?) is not being recognized and therefore will not allow me to edit. When I allow PS to replace the font type the image changes from a heart to a square. Is there no way to change this in WP?

Ok, Leo – I’m learning! Read up about rasterizing and changed the color of the hearts in the file. I have saved the entire file on my desktop as a new psd so it looks exactly like the original but with the new color. Just need clarification on what and where to copy and paste? – the more specific the better as I am just a bride in over my head

Awesome work Callie!

So from there, do this…

1. Open up your Photoshop file
2. Select the layers that hold the hearts
3. Right click and go to duplicate layer
4. Select from the drop down list “New”
5. This will open up a new canvas, select Image from the tool bar and then select “Trim”
6. Now that you have your image trimmed, go to Save for Web and save it as .png with the same name as the existing asset (icon-hearts.png).
7. Upload this asset in the same directory path (/assets/img/icon-hearts.png)
8. You will now have your new hearts visible on the theme

Hope that helps, if you need anything else let me know.

Leo

Hi Doug,

Thanks for your awesome feedback.

I tested your theme and the navigation is working as expected. Have you fixed it from your end?

Let me know, thanks.

Leo

Hi Leo,

Yes, in the meanwhile I decided to just start over since I hadn’t done much to it yet, and my host discovered some issues on their end. After deleting the installation and creating a fresh one, everything worked ok.

However, I do have another question What are the ideal dimensions for the sidebar background/backstretch img? I know the backstretch plugin takes care of the scale/resizing of whichever photo you want to use (which is nice), but my fiancee wants a custom background img which will be the same as the background of our Save-the-date cards, and I need to know what to tell the designer. Thank you so much, really fast response and good documentation, beautiful design.

Doug

Hi @danr2c2,

You can update the whole ribbon by changing the values in the theme customizer. This is found under Appearance > Customize. Once there expand the Colors section and you can update as needed.

Thanks,

Leo

Yes, I know that I can change colors there. But I’m asking about the very bottom of the side menu. The opacity doesn’t change that portion and it looks weird if you have anything less than 90% opacity because the very bottom of the ribbon is solid and not transparent. How do you change that portion?

Are you sure? Can you please send me a link to your site along with your credentials and I will take a look at it.

Thanks,

Leo

Not ready to give credentials, but here’s a screenshot of what I’m talking about:

See how the bottom of the ribbon is solid. How do I update that portion to match the rest of the ribbon?

Also, I seem to have lost the vertical divider that separated the pictures and columns on the Our Story page. Is there a way to get that back?

I sent you credentials, by the way.

Hi @danr2c2,

In response to your original enquiry – if you wanted to change the opacity of the bottom of the ribbon you will need to go into the code. Specifically, you need to go into the style.css then find the .side-nav:after selector (line 364).

Here you will see that the selector specifies a color hex code, you can change these values to match that which you have selected and update with your rgba value. Remember, you will need to mark this as !important to override that which the customizer is doing.

Re your other enquiry, I will need to see your site. Your credentials have yet to come through.

Can you resend?

Thanks,

Leo

Resent! Spelled your name Loe instead of Leo.

If I updated the CSS would that adjust the opacity or just the color?

The rgba property will add both the the color and the opacity. Essentially you will need to find out what the rgb values are first, then add the opacity you desire (e.g. 0.25).

Just took a look at your site (it’s looking great by the way). You would need to use this snippet…

linear-gradient(45deg, rgba(224, 17, 141, 0.25) 25%, transparent 25%, transparent 75%, rgba(224, 17, 141, 0.25) 75%, rgba(224, 17, 141, 0.25)), linear-gradient(-45deg, rgba(224, 17, 141, 0.25) 25%, transparent 25%, transparent 75%, rgba(224, 17, 141, 0.25) 75%, rgba(224, 17, 141, 0.25))

Just be sure to change the opacity level to the one you want and make sure to update your vendor prefix properties as well.

Also, have you fixed the divider issue? I couldn’t see the bug…

Thanks,

Leo

Thanks! I’ll try adding that snippet.

No, I wasn’t able to fix that issue. The vertical line dividing both photos and text columns under the “Our Story” area is missing. They divide normally but there isn’t the line there. Did you see that?

Also, there’s a problem with the sliders on mobile. Is that a known issue?

OK, so I’m a bit of a newbie. I found the .side-nav:after spot but I don’t know exactly which portion of code to replace. Or if I’m just supposed to add it in right below that. Can you be a bit more specific there please?

Thanks for the great support thus far. You’re incredibly committed. Your code was easy enough to figure out how to change the highlight color of the photos and menu so I changed that at least. It looks way sexier now.

Hi @danr2c2,

I updated the code for you. You were almost there, here it is for your reference. I also matched up the opacity level for you.

I would strongly recommend you copy this file and overwrite your local copy just in case – this way you will have both version in sync.

    background-image: 
        -webkit-linear-gradient(45deg, rgba(224, 17, 141, 0.60) 25%, transparent 25%, transparent 75%, rgba(224, 17, 141, 0.60) 75%, rgba(224, 17, 141, 0.60)), 
        -webkit-linear-gradient(-45deg, rgba(224, 17, 141, 0.60) 25%, transparent 25%, transparent 75%, rgba(224, 17, 141, 0.60) 75%, rgba(224, 17, 141, 0.60))!important;
    background-image:         
        -webkit-linear-gradient(45deg, rgba(224, 17, 141, 0.60) 25%, transparent 25%, transparent 75%, rgba(224, 17, 141, 0.60) 75%, rgba(224, 17, 141, 0.60)), 
        -webkit-linear-gradient(135deg, rgba(224, 17, 141, 0.60) 25%, transparent 25%, transparent 75%, rgba(224, 17, 141, 0.60) 75%, rgba(224, 17, 141, 0.60))!important;
    background-image:         
        linear-gradient(45deg, rgba(224, 17, 141, 0.60) 25%, transparent 25%, transparent 75%, rgba(224, 17, 141, 0.60) 75%, rgba(224, 17, 141, 0.60)), 
        linear-gradient(-45deg, rgba(224, 17, 141, 0.60) 25%, transparent 25%, transparent 75%, rgba(224, 17, 141, 0.60) 75%, rgba(224, 17, 141, 0.60))!important;

Re the divider, I see what you mean – I’ll look into it now and get back to you.

Re mobile device bug, what issue did you experience?

Thanks,

Leo