URGENT ::::: TROUBLE with background image in Eye Catching view

- 10 years, 1 month ago huguesalbes
  Participant
  
  Expired
  Hello,
  
  I ma using your theme and it is really good.
  I have just a problem (but very important): the background image doesn’t appear on the fullscreen view.
  
  Here is my landing page : https://followartwithme.com/
  
  I went into the code and find the issue: The generated link to the image is not the good one.
  It is : url(https://followartwithme.com/);
  instead of :url(https://followartwithme.com/wp-content/uploads/2015/03/IMG_8961.jpg);
  
  I NEED to launch the website soon.
  
  I can I fix the bug please.
  
  Best regards,
  
  hugues
  
  This topic was modified 10 years, 1 month ago by huguesalbes.
- 10 years, 1 month ago Ruco
  Keymaster
  
  Hello,
  
  We have responded you here https://support.codeless.co/?topic=trouble-with-eye-catching-innovative
  
  Best regards!
- 10 years, 1 month ago huguesalbes
  Participant
  
  Expired
  
  Hello,
  
  Sorry but I didn’t see your email.
  Thank you very much. It works well now.
  2 more questions:
  
  – Fullscreen : Is there any possibility to have a colored layer under the text to mke it more readable?
  
  – In articles: I have created an article: https://followartwithme.com/?p=3142 . If you scroll to the end of article, you will see a hudge space between the icones Love this article (heart) and share this article and the the footer is very far from article. Would you please have a look ?
  
  Best regards,
  
  Hugues
- 10 years, 1 month ago Mirela
  Participant
  Hello,
  
  -Fullscreen: add these lines into your custom css box:
  
  .fullscreen-blog-article .content.background--light { color: #EDE9E9; background-color: rgba(168, 154, 109, 0.5); }
  
  color – change font color;
  background-color – change color and transparency (the 0.5 value) of colored layer underneath. Result.
  
  -Articles: I do not see much space, however please add these lines into your custom css box:
  
  #comments { margin-top: 0; padding-top: 5px; } .single .blog-article.standard-style { margin-bottom: 0;} form { margin: 0 0 0px;} #content { padding-bottom: 35px;}
  
  This should be the result.
  
  Best regards!
  
  This reply was modified 10 years, 1 month ago by Mirela.
- 10 years, 1 month ago huguesalbes
  Participant
  
  Expired
  
  Hello,
  
  Thank you so much.
  It works perfectly well.
  
  Great!
  
  H
- 10 years, 1 month ago huguesalbes
  Participant
  
  Expired
  
  Hi there,
  
  I still have a bug on the front end.
  I have used the ‘latest from blog’ block and some withe spaces appear between posts blocks.Have a look at this page: https://followartwithme.com/?page_id=3154
  How can I fix it please?
  
  Bye the way, I have a second question. I need to create a member acces to some content. do you have a FREE plug in to recomand me?
  
  Thank you very much in advance for your answer.
  
  Best,
  
  h
- 10 years, 1 month ago Mirela
  Participant
  Hello,
  
  The spaces are created because the feature images are not equal in size. Please add these lines into your custom css box:
  
  .latest_blog .no_carousel .blog-item { height: 400px !important; }
  
  You can try this free plugin, for the membership or the “Restrict Content” plugin by pippinsplugins.
  
  Best regards!
  - 10 years, 1 month ago huguesalbes
    Participant
    
    Expired
    
    Thank you.
    
    very efficient.
    
    In a single porfolio, ( https://followartwithme.com/?portfolio=preview-claire-trotignon-a-la-galerie-de-roussan)
    I have Two automatics Labels :
    PROJECT DESCRIPTION
    
    PROJECT DETAILS
    Could you please tell me where can I change these labels?
    
    Best,
    
    Hugues
    
    This reply was modified 10 years, 1 month ago by huguesalbes.
- 10 years, 1 month ago huguesalbes
  Participant
  
  Expired
  Another Question is about the images in the fulscreen home for the blog.
  
  CODE:
  
  <article id=”post-1837″ class=”post-1837 post type-post status-publish format-standard has-post-thumbnail hentry category-foire-art-contemporain category-internationales tag-2015 tag-espagne tag-foire-art-contemporain tag-madrid fullscreen-blog-article section active” style=”height: 281px; background-image: url(https://followartwithme.com/wp-content/uploads/2015/03/IMG_8240-825×340.jpg);”>
  
  The Image is automatically resized in 825×340 so the definition is not great.
  How can I correct the code to remove this automatic size?
  
  Thank you very much.
  
  Hugues
  
  This reply was modified 10 years, 1 month ago by huguesalbes.
  
  This reply was modified 10 years, 1 month ago by huguesalbes.
- 10 years, 1 month ago huguesalbes
  Participant
  
  Expired
  
  Last point, the header centered style in page Default page header doesn’t seem to work.
  
  When activated=> No header at all.
  
  Could you help me to correct please?
  
  Thanx
- 10 years, 1 month ago Mirela
  Participant
  Hello,
  
  1- Please change the “PROJECT DESCRIPTION / PROJECT DETAILS” headings in file: specular\includes\view\portfolio\single-container.php
  
  2- Change the image size in file: functions.php.
  
  add_image_size( 'port3', 600, 600, true ); add_image_size( 'port3_grayscale', 627, 470, true ); add_image_size( 'port2', 460, 275, true ); add_image_size( 'port2_grayscale', 940, 470, true ); add_image_size( 'port4', 600, 600, true ); add_image_size( 'blog', 825, 340, true ); add_image_size( 'alternate_blog', 440, 195, true ); add_image_size( 'alternate_blog_side', 355, 235, true ); add_image_size( 'blog_grid', 350, 350, true ); add_image_size( 'staff', 400, 270, true ); add_image_size( 'staff_full', 500, 340, true );
  
  edit the value of the one you need. (in your case it’s: add_image_size( 'blog', 825, 340, true );) Then upload again the images and install/run a plugin to recreate thumbnails.
  
  3- This is strange. It has no problem on our side. Please send us your wp credentials in a private reply. So we can check.
  
  Best regards!
  
  This reply was modified 10 years, 1 month ago by Mirela.
- 10 years, 1 month ago huguesalbes
  Participant
  
  Expired
  
  This reply has been marked as private.
- 10 years, 1 month ago huguesalbes
  Participant
  
  Expired
  
  Should I change the labels here in signle-container.php?
  
  <div class=”span3″>
  
  <div class=”description”>
  
  <h4><?php _e(‘Evènement’, ‘codeless’) ?></h4>
  
  <?php the_content(); ?>
  
  </div>
  
  <div class=”details”>
  
  <h4><?php _e(‘Project Details’, ‘codeless’) ?></h4>
  - 10 years, 1 month ago huguesalbes
    Participant
    
    Expired
    
    I used a portfolio in this page: https://followartwithme.com/codeless_portfolio/preview-claire-trotignon-a-la-galerie-de-roussan/ but I don’t know where to fill the two Items ‘EVENEMENT on the right.
    
    Could you please help me?
    
    Best,
    
    H
  - 9 years, 11 months ago huguesalbes
    Participant
    
    Expired
    
    Hi there,
    
    I am facing a couple of issues that you might help me to fix:
    
    – I would like to completely avoid commentaries (Even the box at the end of article)
    
    – The social share icon at the end of article doesn’t work properly. When clicked, it just go to the top of page.
    (you will find a example here: https://followartwithme.com/claire-trotignon-lets-build-a-home-solo-show-a-la-galerie-de-roussan/#) + there is a very large space between the end of the texte and the sharing icon.
    
    – I would like to repeat the social share icon at the begining of an article
    
    – In the ‘lastest blog’ module, i would love to have the image clickable as well
    
    – I have used the top widget area to show social linkk. Is there any possibility to place this barre after the header instead of before?
    
    – In this page : https://followartwithme.com/ the 3rd block of the right column is a ‘latest blog’ module set up to show 1 with carrousel ( arrow on both sides) but the carroussel doesn’t appear.
    
    Thank you so much for your answer. I need to finish this website ver quick.
    
    All the best from paris.
    
    Hugues
- 10 years, 1 month ago Mirela
  Participant
  
  Hello,
  
  Yes, there is where you can edit the “Project Detail”. I opened page “About Us” in your site, it has Page Header Centered chosen and the Page Header does show (options –result).
  
  Best regards!
- 10 years, 1 month ago huguesalbes
  Participant
  
  Expired
  
  Hello,
  
  How can I exclude a Category in ‘Latest from blog’ bloc?
  
  Best hugues
- 10 years, 1 month ago Ruco
  Keymaster
  Hello,
  
  Yes, you can do that.
  First find the category id you want to exclude.
  Edit the file ‘specular/vc_tempaltes/latest_blog.php’.
  Find this lline:
  
  if($dynamic_from_where == 'all_cat'){ $query_post = array('posts_per_page'=> $posts_per_page, 'post_type'=> 'post' );
  
  and replace with:
  
  if($dynamic_from_where == 'all_cat'){ $query_post = array('posts_per_page'=> $posts_per_page, 'post_type'=> 'post' , 'cat'=>'-3' );
  
  put here
  
  'cat'=>'-3'
  
  , instead of ‘3’ the category id you want to exclude.
  
  Best regards!
  
  This reply was modified 10 years, 1 month ago by Ruco.
- 9 years, 11 months ago huguesalbes
  Participant
  
  Expired
  
  Hello,
  
  I want to update the template.
  Should I create a back up, than remove the theme, and re install the new version?
- 9 years, 11 months ago Mirela
  Participant
  
  Hello,
  
  If you have made changes to theme files, yes! You must save a backup first. As for the settings that are set up via dashboard they are all saved in the database so they won’t be affected. You can update the hole theme or just the changed files. You can find a list of them in the theme’s profile in Themeforest.
  
  Best regards!
- 9 years, 11 months ago huguesalbes
  Participant
  
  Expired
  
  Hey Mihaila,
  
  Thank you for your answer.
  <div class=”bbp-reply-content clearfix” style=”box-sizing: border-box; clear: right; margin: 0px; padding: 0px; font-size: 14px; line-height: 22px; color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;”>
  <p style=”box-sizing: border-box;”>I am facing a couple of issues that you might help me to fix:</p>
  <p style=”box-sizing: border-box;”>- I would like to completely avoid commentaries (Even the box at the end of article)</p>
  <p style=”box-sizing: border-box;”>- The social share icon at the end of article doesn’t work properly. When clicked, it just go to the top of page.<br style=”box-sizing: border-box;” />(you will find a example here: https://followartwithme.com/claire-trotignon-lets-build-a-home-solo-show-a-la-galerie-de-roussan/#) + there is a very large space between the end of the texte and the sharing icon.</p>
  <p style=”box-sizing: border-box;”>- I would like to repeat the social share icon at the begining of an article</p>
  <p style=”box-sizing: border-box;”>- In the ‘lastest blog’ module, i would love to have the image clickable as well</p>
  <p style=”box-sizing: border-box;”>- I have used the top widget area to show social linkk. Is there any possibility to place this barre after the header instead of before?</p>
  <p style=”box-sizing: border-box;”>- In this page : https://followartwithme.com/ the 3rd block of the right column is a ‘latest blog’ module set up to show 1 with carrousel ( arrow on both sides) but the carroussel doesn’t appear.</p>
  <p style=”box-sizing: border-box;”>Thank you so much for your answer. I need to finish this website ver quick.</p>
  <p style=”box-sizing: border-box;”>All the best from paris.</p>
  <p style=”box-sizing: border-box;”>Hugues</p>
  
  </div>
- 9 years, 11 months ago huguesalbes
  Participant
  
  Expired
  
  Hey Mihaila,
  
  Thank you for your answer.
  
  I am facing a couple of issues that you might help me to fix:
  
  – I would like to completely avoid commentaries (Even the box at the end of article)
  
  – The social share icon at the end of article doesn’t work properly. When clicked, it just go to the top of page.
  
  (you will find a example here: https://followartwithme.com/claire-trotignon-lets-build-a-home-solo-show-a-la-galerie-de-roussan/#) + there is a very large space between the end of the texte and the sharing icon.
  
  – I would like to repeat the social share icon at the begining of an article
  
  – In the ‘lastest blog’ module, i would love to have the image clickable as well as the text.
  
  – I have used the top widget area to show social linkk. Is there any possibility to place this barre after the header instead of before?
  
  – In this page : https://followartwithme.com/page-accueil-2/ the 3rd block of the right column is a ‘latest blog’ module set up to show 1 with carrousel ( arrow on both sides) but the carroussel doesn’t appear.
  
  Looking forward to reading you.
  
  Best from paris.
  
  Hugues
- 9 years, 11 months ago Mirela
  Participant
  Hello,
  
  1-To completely remove comments, i added this line into your custom css box:
  #comments { display: none;} And to remove the ‘Leave a comment’ box at the end of each article, i added this code: #respond { display: none;}
  
  2-I see the socials are displaying properly (screenshot) Did you fix the issue?
  
  3-Please got to file \includes\view\blog\loop-index.php and add this code, between these lines:
  
  <article id="post-<?php echo the_ID(); ?>" <?php echo post_class('row-fluid blog-article standard-style normal'); ?>> <?php if($post_format == 'standart'){ $icon_class="pencil"; }elseif($post_format == 'audio'){ $icon_class="music"; }elseif($post_format == 'soundcloud'){ $icon_class="music"; }elseif($post_format == 'video'){ $icon_class="play"; }elseif($post_format == 'quote'){ $icon_class="quote-left"; }elseif($post_format == 'gallery'){ $icon_class="image"; }elseif($post_format == 'image'){ $icon_class="images"; } ?>
  
  code
  <div class="media">
  
  4-Go to file vc_templates\latest_blog.php and find this line:
  $output .= '<img src="'.esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port2', 'url')).'" alt="">'; replace with this:
  $output .= '<a href="'.esc_attr(get_permalink()).'"><img src="'.esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port2', 'url')).'" alt=""></a>'; Save file.
  
  5- Add these lines into your custom css box:
  
  .top_nav { top: 126px;} header#header .container { top: -14px;}
  
  6-I inserted each of the elements (title and the latest from blog) in a row and now it shows.
  
  Best regards!
- 9 years, 11 months ago huguesalbes
  Participant
  
  Expired
  
  Dear Mihaila,
  
  Thank you so much for your last answers.
  Still have a couple of thing to fix:
  
  1- The caroussel (https://followartwithme.com/ 3rd block on the right) is now visible but Doesn’t work I would love the arrows to be from both side of the picture.
  
  2 – In the portfolio items, (https://followartwithme.com/codeless_portfolio/preview-claire-trotignon-a-la-galerie-de-roussan/) down the page you have 2 labels ‘ project descritpion’ and ‘project details’. Where ca I fill these informations (sorry but I didn’t find the good field)?
  
  3 – In the latest from blog page list (https://followartwithme.com/nationale/) I would like to have a space larger in between the posts rows (eg: the 3rd of the first and the 3rd of the second rows).
  
  4 – In the latest from blog I would love to have the button ‘read more’ ( eg https://followartwithme.com/tag/foire-art-contemporain/)
  
  Thank you so much
  
  H
- 9 years, 11 months ago Mirela
  Participant
  
  Hello,
  
  1- This is strange. We’ll check it and get back to you soon.
  2- Add description in the text editor of the portfolio item. Add/remove as many project details you need in general Options > Portfolio Config > Custom fields Parameters. Then in portfolio item, go to Single Portfolio Options > Custom Fields to give them values. An example in your site is here.
  3- I added this code: .latest_blog .no_carousel .blog-item { margin-top: 38px;} into your custom css box. It’s ok now.
  4- I see the ‘Read more’ button is present.
  
  Best regards!
- 9 years, 10 months ago huguesalbes
  Participant
  
  Expired
  
  Hi Mihaila,
  
  I hope you are doing right.
  It would be fantasctic if you help me one more time with this last couple of lbugs?
  
  HP page (eg. screen shot below):
  1- Remove the duplicated post from he second ‘lastest from blog module’
  2- align the tweets
  
  3- The carrousel butons still don’t want to work + I would finally have them on both side of the picture (eg. picture below)
  
  On page: Could we please reduce the space between title and share button( eg. Screeshot below?)
  
  On the Right widget bar:
  Could you reoganise the ‘News ‘ section like indicated on the picture below?
  
  In order to finish, I want to thank you. You were really efficient and helpfull.
  The 2 next websites I will have to produce will definitly be base on your templates.
  
  Best regards from sunny Paris,
  
  hugues
- 9 years, 10 months ago Mirela
  Participant
  
  This reply has been marked as private.
- 9 years, 10 months ago huguesalbes
  Participant
  
  Expired
  
  Dear Mihaila,
  
  I trust this reply will find you well.
  
  A couple of more things:
  
  1/ On the HP (https://followartwithme.com/)
  
  – I would like to change the big picture of the 1 latest from blog module.
  – I have updated manually the JS-composer but the carroussel still refuse to work on the two blocks in the right barre (NEWS and LIVRE)
  
  2/ On the lastest from log module:
  
  – I would love to have the read more button
  – I would love to have the orange roll over on the picture
  
  3/ Navigation barre: I would like to remove the 3 barres icon after the search icon
  
  4 / Portfolios:
  – The title and descrpition doesn’t appear on the sliders (https://followartwithme.com/codeless_portfolio/jaume-plensa-le-silence-de-la-pensee/)
  – I need to have the share Icons option present in the page
  
  Looking forward to reading from you, I wish you a very pleasant afternoon.
  
  Best,
  
  Hugues
- 9 years, 10 months ago Mirela
  Participant
  
  Hello,
  
  Sorry for the late reply.
  I have replied you here: https://support.codeless.co/?topic=to-mihaila
  
  Best regards!
- 9 years, 8 months ago huguesalbes
  Participant
  
  Expired
  
  Hello,
  
  On the page: https://followartwithme.com/, in the right news module, I would like to have a link on the image. What code should I paste and where?
  I have tryed to had
  $output .= ‘
  
  ‘;
  
  in ‘recent_news.php’file but i doesn’t work.
  
  Thanks
- 9 years, 8 months ago Mirela
  Participant
  
  Hello,
  
  I can not see the image you attached. What do you want to link to that image?
  This topic is already too loaded with replies and it has lost the first purpose way before.
  Please open a new topic regarding this new request and give some more specifications in it.
  I will close this topic to future replies.
  
  Thank you for understanding.
  
  Best regards!