[livemesh]

BTW, the above shortcode is not something that is officially part of this theme and hence you will find that the hover on the images is aligned right. Will need some custom CSS to fix this (assuming that you are wrapping the above shortcode within a div with id – #circular-portfolio) –

#circular-portfolio .image-info { width: 100%; height: 100%; }
#circular-portfolio .image-info .image-info-buttons { right: 50%; margin-right: -12px; }
#circular-portfolio .image-info .terms { margin: 0 auto; top: 20%; text-align: center; }

[livemesh]

Rounded portfolio or portfolio with circular images is achieved with help of following shortcode available with the theme. –

[show_rounded_post_snippets post_count=12 image_size=’medium’ post_type=”portfolio” terms=”nature” taxonamy=”portfolio_category”]

While you cannot specify specific portfolio items to display in this portfolio shortcode, you can group these items into a category and then use the category to filter the portfolio items shown, as illustrated in the example above.

[livemesh]

The site looks really nice and lots of changes already in place. I would suggest you wrap this in three_col instead of four_col since you have four images ( I have six images and hence I used two_col). And to avoid the image resizing automatically, you will need to use the following custom css –

#our-clients .client-list img {
width: auto;
}

#our-clients .client-list .threecol:hover img.hover { opacity: 1; }

[livemesh]

Oh, I thought you were asking for the styles, my bad. You should be looking at the function mo_display_portfolio_content_grid_style() at line number 415 in the file framework/functions/blog-content.php for all portfolio content.

But I guess in your case since you are customising the thumbnail, you are better off looking at the file framework/functions/thumbnail-functions.php which is called by earlier file through the function call mo_thumbnail(). It’s going to be a little bit of work to understand how this generic code works but I guess you can figure it out with some effort. Thanks

[livemesh]

Just wrap them using [segment] shortcode and you should do fine. The documentation has quite a bit information on this shortcode and there are a number of examples of it’s use in the sample data as well.

If you still have trouble, pls reply as a private message here with the site URL and I can take a look. You may also email me the same (see bottom right box in my profile page).

[livemesh]

Glad you like the theme and thanks for your purchase! For portfolio items, pls have a look at the file style.css in the theme directory.

The hover styles are located starting from line number 150 of this file.

The image styling is around line number 499. Also, to speed up your customization efforts, I would recommend that you have a look at Chrome developer tools or Firebug as explained here –

https://www.livemeshthemes.com/support/forums/topic/how-to-fix-a-few-styling-issues-instantly/

[livemesh]

To resolve this issue, pls insert the following CSS into Custom CSS tab in the Theme Options panel or the /custom/custom.css file. Thanks –

@media only screen and (max-width: 1100px) {

.tp-caption.medium_text {
margin-top: 20px !important; 
}
}

@media only screen and (max-width: 767px) {
.tp-caption.medium_text {
margin-top: 30px !important; 
}
}

[livemesh]

Pls reply as a private message here with the site URL and I can take a look. You may also email me the same (see bottom right box in my profile page). Thanks

[livemesh]

Johan,

Will do my best to help. If you are aware of where the theme directory is installed, pls find the file here –

/wp-content/themes/appdev/css/skins/default.css

If you know the exact color that you need and its hex value, you can just do a text replace of the current hex value of orange color (#c0442f color) in this file with the chosen one of yours. Here are some examples of hex values of 500+ colors –

http://cloford.com/resources/colours/500col.htm

So, if the first line in this file is –

a, a:active, a:visited { color: #c0442f; } /* Orange Color -present */

you would change it to –

a, a:active, a:visited { color: #999; } /* Grey color – new */

and so on for the rest of the entries. Hope this helps.

[livemesh]

These classes are controlled and implemented in WP Core and are not controlled by the theme. If there is a limitation that you see with the current menu, it should be addressed by WP Menu implementation. The below documentation of WP Nav Menu indicates that it should get highlighted –

http://codex.wordpress.org/Function_Reference/wp_nav_menu#Menu_Item_CSS_Classes

I did a test and looks like the the parent does get highlighted if it exists in the menu. For now, I would say try to have both conditions like this for best results –

            // make the parent of current page active for lavalamp highlight
            $('#primary-menu > ul > li.current-page-ancestor').first().addClass('active');

            // make the current page active for lavalamp highlight - top list cannot have both a parent and current page item
            $('#primary-menu > ul > li.current-page-item').first().addClass('active');

            // make the parent of current page active for lavalamp highlight
            $('#primary-menu > ul > li.current-menu-ancestor').first().addClass('active');

            // make the current page active for lavalamp highlight - top list cannot have both a parent and current page item
            $('#primary-menu > ul > li.current-menu-item').first().addClass('active');

The class active won’t be added twice by JQuery and hence should not hurt to have the above piece of code. Thanks

[livemesh]

Sure can help. It’s not tough to change this section. Of course, you can use revolution slider for it but would be overkill. I would urge you to go through this post and see if it helps. –

https://www.livemeshthemes.com/support/forums/topic/slider-wont-slide/#post-2028

It should give you some pointers on it. You can replace the image urls in the code with your own and then see how it looks. Replace – https://www.livemeshthemes.com/appdev/wp-content/uploads/2013/07/featured-app.gif – the main smartphone image with the image of the camera. Then others which are pointers to this image – images with names https://www.livemeshthemes.com/appdev/wp-content/uploads/2013/07/feature-pointer1.png, https://www.livemeshthemes.com/appdev/wp-content/uploads/2013/07/feature-pointer2.png etc. you can replace with links to your own pointers as seen in the above image attached by you.

Once done, if you are still having trouble or need to fine-tune it, Pls reply as a private message here with the site URL and a temporary login to the WordPress dashboard and I can take a look. You may also email me the same (see bottom right box in my profile page). Thanks

[livemesh]

Pls reply as a private message here with the site URL and a temporary login to the WordPress dashboard and I can take a look. You may also email me the same (see bottom right box in my profile page).

Will help if you give details on exactly how you want the navigation to be or exact issue you are facing. Thanks!

[livemesh]

Here is how you would go about it – if you haven’t figured it out already. You can insert the following CSS into Custom CSS tab in the Theme Options panel or the /custom/custom.css file

#featured-sources {
border: solid 1px #CACACA;
background-color: #E5E5E5; /* Current color in demo site. Set it to something like #c5c5c5 or #d5d5d5 or #eaeaea if you need darker background */
}

[livemesh]

Great you were able to modify the sprite and add the required social icon link. Thanks.

[livemesh]

This reply has been marked as private.

[Author]

Posts