Docs

[Jose Miguel]

Hi!
I have several problems to solve, I hope you can help me.
I attached a photo where I point the things I need help with numbers and Tittle:
1) I want to reduce the space between a image that I have positioned in my sidebar widget with a Text element, and the menu that I have added with a custom menu element.
2) I Want to try how it looks a backgoround color in the full sidebar (one option), and how it looks a color only in the custom menu widget element (second option). Please let me know how i can do it both. In the future I want to add more sidebars and other menus in the page, so I need the code could change in every sidebar that I add (what i wanted to say is that the code not change directly all the sidebars of the page, cause I need to custom several sidebars)
3) I need to know how I can put a image like the one is marked in the photo and appears directly a lightbox gallery. I need not to change the page, only to appear a gallery in front of the rest of the page, and do the same with the one is next to it. I tried to do it with the envira gallery, and other plugins but I do not know how to configure that (only to appear one photo and when you touch it appears the rest of the gallery on a lightbox).

Hope you can help me.
The website is under construction, so i have a coming soon mode active, but if you need to enter i can create a new user. The web has the purchase code and is validated.

Thanks, waiting for your answer soon!

[Paul R]

Hi,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[Jose Miguel]

This reply has been marked as private.

[Jose Miguel]

This reply has been marked as private.

[Nabeel A]

Hi again,

I tried to login but the given credentials are not working for me, can you please double check the password for the given username?

Thanks!

[Jose Miguel]

This reply has been marked as private.

[Lely]

Hi Jose,

1.) Please add the following custom CSS on Appearance > Customize > Custom > Edit Global CSS:

div#nav_menu-2 {
    margin-top: 1em; /*This is 3em by default. Adjust accordingly*/
}

2.) To add background colors on sidebar please add this:

.x-sidebar {
    background-color: red; /*Change to your preferred color*/
}
.widget ul li {
    background-color: transparent; /*By default this is white. In order to see the sidebar background color behind it, we need to set this as transparent*/
}

If we just want to add background color on the menu, we can use this instead:

div#nav_menu-2 ul li {
    background-color: green;
}

See this on how we can see the #nav_menu which is the specific id of the widget:http://screencast-o-matic.com/watch/cD6TQBjEmo

3.)Please check this link for guidance:https://community.theme.co/kb/shortcode-walkthrough-lightbox/

Hope this helps.

[Jose Miguel]

Sorry, but I do not understand how I can create a lightbox gallery having only an image to show as example.
I want to show only one image, and when people click on it appears a lightbox gallery with all the images uploaded.
For example: If I have “image 1”, “image 2” and “image 3” I want a design that only show to the user “image 1” as claim, and when they click on it appear a big lightbox in the middle of the page with all the gallery images (“image 1”, “image 2” and “image 3”).
Let me know if it possible, and how I can do it because with the shortcodes of the links you send me was not possible for me to understand.
Thanks!

[Lely]

Hi Jose,

Check this link instead:https://community.theme.co/kb/shortcode-walkthrough-lightbox/
See this sample here:http://screencast-o-matic.com/watch/cDXVeFjKX1

Here is the sample code:

[x_image class="my-lightbox" src="http://myvirtualhost.com/wordpress/wp-content/uploads/2016/10/client_dark.png" link="true" href="http://myvirtualhost.com/wordpress/wp-content/uploads/2016/10/client_dark.png"]
[x_image class="my-lightbox" src="http://myvirtualhost.com/wordpress/wp-content/uploads/2016/10/demoimage1.jpg" style="display:none"  link="true" href="http://myvirtualhost.com/wordpress/wp-content/uploads/2016/10/demoimage1.jpg"]
[x_image class="my-lightbox" src="http://myvirtualhost.com/wordpress/wp-content/uploads/2016/10/demoimage3.jpg" style="display:none" link="true" href="http://myvirtualhost.com/wordpress/wp-content/uploads/2016/10/demoimage3.jpg"]
[x_lightbox selector=".my-lightbox"]

Feel free to change the Image URL.

[Author]

Posts