Docs

[5wan]

Hi,

I’m having issue with capping the vertical size limits of a portfolio item image.
I’ve attempted to constrain it by placing it in a container, but I’m missing a height <> limit.

Current shortcode:

[content_band inner_container=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][image type=”thumbnail” float=”left” link=”true” target=”blank” info=”none” info_place=”top” info_trigger=”hover” src=”http://www.duncanswan.me/wp-content/uploads/2016/04/Monstre-Cov.jpg&#8221; style=”width 100px”][lightbox selector=”.x-img-link” deeplink=”true” opacity=”0.875″ prev_scale=”0.75″ prev_opacity=”0.75″ next_scale=”0.75″ next_opacity=”0.75″ orientation=”horizontal” thumbnails=”true”][/content_band]

Image located here URL:
http://www.duncanswan.me/portfolio-item/monstre-cover/

Second issue I’m having is the “Leave a Comment” text at the bottom of the page.
I have css running that alters my pages font, but I’ve missed the reference or heading type for this text string.
Can you confirm what it is?

Thanks

[5wan]

This reply has been marked as private.

[5wan]

Hi, I’m also having another issue where the Featured Image ‘breaks’.

There’s nothing wrong with the file, but on the portfolio page it just appears as a broken image symbol.

Removing the featured image, and reselecting it doesnt fix it.
Completely deleting and re-uploading the image is the only fix I’ve found, and no sooner have I fixed one, than another image breaks.

Any idea what’s causing this?
Portfolio:
http://www.duncanswan.me/the-art/

One is called “Hide and seek”

The other is “Air superiority.”

[Christopher]

Hi there,

Please update your code to :

[content_band inner_container="true" padding_top="0px" padding_bottom="0px" border="none"][image type="thumbnail" float="left" link="true" target="blank" info="none" info_place="top" info_trigger="hover" src="http://www.duncanswan.me/wp-content/uploads/2016/04/Monstre-Cov.jpg" style="width:50%;"][lightbox selector=".x-img-link" deeplink="true" opacity="0.875" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="horizontal" thumbnails="true"][/content_band]

Please add this CSS :

h3#reply-title {
    font-family: "futura-pt";
}

Please update X and VC, disable x shortcodes and visit X addons page to install cornerstone automatically.

Hope it helps.

[5wan]

What is VC, and how do I update it? I dont see a prompt.
Thanks

[Rupok]

Hi there,

Thanks for updating. Sorry for the confusion. Visual Composer is often called as VC in short. Kindly check update from Dashboard > Updates.

I can already see the update notifications on your site.

Cheers!

[5wan]

Thanks Rupok,

Last two questions.
One related to the fonts, eg.
h3#reply-title {
font-family: “futura-pt”;
}

When I load my website, or switch between pages, I see the original default font load, then the CSS overwrites it and replaces it with future-pt.

Any way to remove this lag / default, and have it load future-pt first?
It’s most noticeable on the page headers.

Lastly, for the portfolio items.
eg.
http://www.duncanswan.me/portfolio-item/monstre-cover/

How do I narrow the grey area around the image, and the tab / text sections below it?
Specifically the empty area on the right?
I’d either like to reduce the width of the whole container, such that there’s less of a margin to the right of the image and tabs.
Or increase the width of the image and tabs to achieve the same result, ie. less empty grey area.

[Rupok]

Hi there,

Thanks for updating. I can’t see any notable lag. If the CSS/scripts load a bit slow then it would be notable.

Regrading the portfolio mage, you should use a wider image not that long. Kindly upload a wider image for best result.

Also it seems you have set width to 50% – http://prntscr.com/azalum

Not sure why you did this, kindly take this off to get it fullwidth.

Cheers!

[5wan]

It was set to 50% because of Christopher’s shortcode above, which gave me the desired effect.

I don’t wish to change the size of the image, but rather the area around the image.
Or its constraints.

eg.

If you look at the tabs below the image, then to the right of them, is a grey empty section or margin.

How do I change the padding, or width setting of this margin?

[Rupok]

Hi there,

Thanks for updating. When the image is set to half then the half would be empty and it’s usual. So not sure what i should suggest.

Cheers!

[5wan]

On a normal page, its the entry-wrap that I’m trying to alter.

eg.
For my pages, its set:
.entry-wrap {
padding: 30px;
margin-right: 30px;
}
eg.
http://www.duncanswan.me/books/

How do apply this to portfolio items as well?

[Christopher]

Hi there,

Please disable ‘inner container’ for first content band, to do so remove inner_container="true" attribute from content band shortcode.

wrap tabs shortcode within content band and disable ‘inner container’.

Hope it helps.

[Author]

Posts