Really love this theme. The best theme yet to me :)
I have 3 questions that may help to improve my personalized site -
Display different image on desktop and mobile? Refer to 1.jpg The automatic crop to center will lose some of our features in an image. How can I display a 1920x1080 (landscape) image on desktop and a 1080x1920 (portrait) on mobile? I am fine with output 2 different images for 1 portfolio page
When the "Hero Caption Title" is too long, the 2nd row of the title is not "light-up" Refer to 2.jpg May I know how can I fix this?
How can we change the default (preset) value in portfolio page? Refer to 3.jpg Other than save it as "Reusable Block" (as it will update the block across the site). If I only wanted it to be default on every new block, how can I just make the default such as to remove the default "Background Color", "Collage Image Info" & pre define an "Additional CSS Class"?
Change default value on "Background color" & "Scroll Down Caption" in 'Portfolio Item Options'? Refer to 4.jpg May I know how?
Thanks! I think I will ask for customization help on this, will you take the enhancement for us?
Thanks! This will work.
you need to modify the \hervin-gutenberg-blocks\blockblocks.js where hervin gutenberg blocks are defined Riding on this, could you please give me a little more idea on how I can add default “additional css class” to different type of blocks?
i.e paragraph type in hervin container?
you need to change /include/metabox-config.php look for hervin-opt-portfolio-bknd-color and hervin-opt-portfolio-hero-scroll-caption and to their respective default values I actually applied the child theme as I am afraid the changes will be replaced while your team update the theme. I found out that the /include/metabox-config.php only included in main theme. I tried to copy the entire folder to the child theme and modify the metabox-config.php but it won't work. Is it only possible to modify the main theme one?
you need to modify the \hervin-gutenberg-blocks\blockblocks.js where hervin gutenberg blocks are defined
Riding on this, could you please give me a little more idea on how I can add default “additional css class” to different type of blocks?
i.e paragraph type in hervin container?
if you create a custom block for hyperlinks this attribute is added by default as part of the block settings
you need to change /include/metabox-config.php look for hervin-opt-portfolio-bknd-color and hervin-opt-portfolio-hero-scroll-caption and to their respective default values
I actually applied the child theme as I am afraid the changes will be replaced while your team update the theme. I found out that the /include/metabox-config.php only included in main theme. I tried to copy the entire folder to the child theme and modify the metabox-config.php but it won't work.
Is it only possible to modify the main theme one?
no, the file is included in the theme with include not with get_template_part
The question should be that I want to add "has-animation" to paragraph block by default.
I know where to edit the other default values by your lead, but if I want to add to additional css class to the block, may I know what the name should be like?
I did smaller the font size but I realized the huge font in Hero Caption Title is a very cool feature. Is it possible to keep the huge font size and let the second line stick with the first when it became a line-break so it won't overlay the next title?
Hi There,
Really love this theme. The best theme yet to me :)
I have 3 questions that may help to improve my personalized site -
Refer to 1.jpg
The automatic crop to center will lose some of our features in an image. How can I display a 1920x1080 (landscape) image on desktop and a 1080x1920 (portrait) on mobile? I am fine with output 2 different images for 1 portfolio page
Refer to 2.jpg
May I know how can I fix this?
Refer to 3.jpg
Other than save it as "Reusable Block" (as it will update the block across the site). If I only wanted it to be default on every new block, how can I just make the default such as to remove the default "Background Color", "Collage Image Info" & pre define an "Additional CSS Class"?
Refer to 4.jpg
May I know how?
Thanks so much,
Kit
Hi Kit,
my answers in bold:
Display different image on desktop and mobile?
this is the effect of different viewports and original aspect ratio
My fullscreen parallax image is not responsive and does not scale well
When the "Hero Caption Title" is too long, the 2nd row of the title is not "light-up"
can you send us the site / page url to inspect it?
How can we change the default (preset) value in portfolio page?
you need to modify the \hervin-gutenberg-blocks\blockblocks.js where hervin gutenberg blocks are defined
Change default value on "Background color" & "Scroll Down Caption" in 'Portfolio Item Options'?you need to change /include/metabox-config.php look for
hervin-opt-portfolio-bknd-color and hervin-opt-portfolio-hero-scroll-caption and to their respective default values
May I know how?
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hello Kit,
1. you could use a WordPress function wp_is_mobile to have different images for mobile
https://codex.wordpress.org/Function_Reference/wp_is_mobile
in showcase-page.php. you would have to add another option for a mobile hero image in /include/metabox-config.php
requires intermediate php knowledge
2. On some resolutions the title appear in its entire length
https://d.pr/free/i/qiKTXw
you can decrease the font size with media queries
@media only screen and (max-width: 1024px){
.title {
font-size: 60px;
line-height: 100px;
height: 100px;
}
}
in customizer -> additional CSS, just change the font attributes
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hi Support,
Riding on this, could you please give me a little more idea on how I can add default “additional css class” to different type of blocks?
i.e paragraph type in hervin container?
I actually applied the child theme as I am afraid the changes will be replaced while your team update the theme. I found out that the /include/metabox-config.php only included in main theme. I tried to copy the entire folder to the child theme and modify the metabox-config.php but it won't work.
Is it only possible to modify the main theme one?
Duplicated. Updated on last comment.
if you create a custom block for hyperlinks this attribute is added by default as part of the block settings
no, the file is included in the theme with include not with get_template_part
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
I mean if I want to edit the file so the “has-animation” can be automatically added to paragraph type in hervin container whenever I add this block.
Is there anywhere in \hervin-gutenberg-blocks\blockblocks.js I can add?
you need to set
props.className += ' link';
or avoid additional class name altogether and hardcode the class attribute
save: function( props ) {
return '<a href="' + props.attributes.link_url + '" class="link" >' + props.attributes.content + '</a>;
},
just to give you an idea on how to implement it
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
I am sorry that I may have mislead you.
The question should be that I want to add "has-animation" to paragraph block by default.
I know where to edit the other default values by your lead, but if I want to add to additional css class to the block, may I know what the name should be like?
Something like this?
class: {
type: 'string',
default: 'has-animation'
}
attributes: {thumb_image: {
type: 'string',
default: ''
},
thumb_image_id: {
type: 'number',
},
full_image: {
type: 'string',
default: ''
},
full_image_id: {
type: 'number',
},
alt: {
type: 'string',
default: ''
},
info: {
type: 'string',
default: __( 'Caption Text' , 'hervin-gutenberg' )
},
},
Kit, the list of Hervin predefined classes :
http://clapat.ro/themes/hervin/documentation/creating-content.html#css-classes
so you know where to add default classes, this is the list of classes existing in our theme
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hi!
Yes I see them in the guide! But my question is how we can predefine them onto designated block?
I want to auto assign “has-animation” to collage.
Hope I can make this clear now!
Kit,
follow the example of the title block in blocks.js.
in there you can see how you can add a default class
if( props.attributes.underline == 'yes'){
props.className = 'title-has-line';
}
if( props.attributes.big == 'yes'){
props.className += ' big-title';
}
props.className is the property storing the class names of a specific block
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hi Kit
try decreasing the font size of the title, for example:
@media only screen and (max-width: 1466px){
.title {
font-size: 55px;
line-height: 120px;
height: 120px;
}
}
same thing with height and line-height in customizer -> additional CSS
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hi Support,
I did smaller the font size but I realized the huge font in Hero Caption Title is a very cool feature. Is it possible to keep the huge font size and let the second line stick with the first when it became a line-break so it won't overlay the next title?
Thanks,
Kit
Hi Kit, no not really - the easiest to keep the long titles is to reduce the font size.
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy