Blog Item Hover on Image

Comments

• Pablo

  July 2019

  Hi,

  Check if you have "Hover Effects" enabled in the Theme Options > Global > Advanced

  http://prntscr.com/o914hc

  
  

  Also, choose the hover effect in the Theme Options > Global > General

  http://prntscr.com/o914ty

  
  

  Thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• GRB

  July 2019 edited July 2019

  Also, I want to use this style readmore https://prnt.sc/o9cnzv instead of the plain style you have on the blog layout https://prnt.sc/o9cof5

  
  

  I want to have this style setup for the blog item page https://prnt.sc/o9crl4 

  have the read more flush left with the above style read more.

  2. remove the love and comment counter including borders.
• GRB

  July 2019 edited July 2019

  Thanks!!!
• Pablo

  July 2019

  1) Unfortunately, this will be not possible.

  This button you sent (https://prnt.sc/o9cnzv) is only used on blog items like "Blog Slider", but not in main blog page.

  
  

  2) You would have to use the "Blog Slider" or "Blog News"(only in vertical style)

  
  

  To remove the love feature, please go to the Theme Options > Blog, Portfolio & Shop > General and turn off the "Love Box" option

  http://prntscr.com/o9fqp4

  
  

  All other things like comment counter or borders has to be changed with CSS code.
  

  
  

  Thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• GRB

  July 2019

  1. Which file controls the blog item layout?

  2. Which file controls the blog slider with that button layout?
• Pablo

  July 2019

  The theme-shortcodes.php file in functions folder which is in the main directory of BeTheme will surely explain you what to change.

  Thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• GRB

  July 2019

  What I did was:

  
  

  In the content-post.php file at line [265] I changed it to $output .= '<i class="icon-doc-text"></i> <a href="'. get_permalink() .'" class="button button_left button_js"><span class="button_icon"><i class="icon-layout"></i></span><span class="button_label">'. $translate['readmore'] .'</a>';

  
  

  and this made the read buttons show up how I wanted it. I copied parts of that code from the file you mentioned on line [1496] 

  
  

  The original content-post.php file had this: $output .= '<i class="icon-doc-text"></i> <a href="'. get_permalink() .'" class="button button_left button_js">'. $translate['readmore'] .'</a>'; 

  
  

  so after the change it now works flawlessly. 
• Pablo

  July 2019

  Glad to hear that you solved it out.

  If you need some further help, feel free to ask.

  
  

  Thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next