Docs

[kurisu777]

Hi guys,

I have a 3 part question for my blog page http://passionfp.com/blog/

1. Currently the alignment is “post picture” on left and “mini write up) on the right. I found coding in the forum and used it to get this result. (see attachment 1)
I would like the paragraph text for posts to align to their pictures on the left (currently it sits far too high).
I have this text misalignment problem on X large, large, tablet landscape viewing.
The mobile portrait and tablet portrait views are perfect.
The mobile landscape view has images that are way too big. Can these be resized to image on left and text on right?

2. The Revolution Slider issues:
On Mobile landscape the slider is too large and cut-off
On Mobile portrait the slider is cut off
On Tablet portrait the slider is too large and cut-off
On Tablet landscape the slider is too large

3. Would it be possible to rearrange the layout on the blog page for tablet and mobile viewing? X-Large and Large are fine.
If so, I would love to be able to vertically position the tablet and mobile viewing as such:

(see attachment)

Search bar
Text: “Hi there…”
Revolution slider
Posts
Search bar
Recent Posts

Sorry for the mouthful. I look forward to your insights! 🙂

[Christian]

Hey there,

1. Please add the code below in your Appearance > Customize > Custom > Global CSS

.x-post-meta-disabled .post .entry-featured {
    margin-top: 3%;
}

2. This is most probably due to your Grid Size setup. See https://www.themepunch.com/revslider-doc/slider-setup/#layers-grid-size for more details.

3. Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks.

[kurisu777]

Hi there,

I understand point 3.
I will further research point 2.

Relating to point 1, the mobile landscape view has images that are way too big. Can these be resized to image on left and text on right? (same style as my tablet landscape view)?

Also, I am trying to figure out how to add a “READ MORE” comment at the end of each post excerpt.

Finally, is there any way to better align the title text for each post. At present, the titles are fairly uneven like the pic in the attachment.

As always, I appreciate everyone’s help.

[Christian]

1. This would require further customization which regretfully falls outside the scope of our support.

2. To add a read more link in Icon stack, please add the code below in your functions.php

function x_excerpt_string() {

  $stack = x_get_stack();

  if ( $stack == 'integrity' ) {
    return ' ... <div><a href="' . get_permalink() . '" class="more-link">' . __( 'Read More', '__x__' ) . '</a></div>';
  } else if ( $stack == 'renew' ) {
    return ' ... <a href="' . get_permalink() . '" class="more-link">' . __( 'Read More', '__x__' ) . '</a>';
  } else if ( $stack == 'icon' ) {
    return ' ... <a href="' . get_permalink() . '" class="more-link">' . __( 'Read More', '__x__' ) . '</a>';
  } else if ( $stack == 'ethos' ) {
    return ' ...';
  }

}

3. Aligning would be possible with further customizations which regretfully falls outside the scope of our support.

Thanks.

[kurisu777]

In terms of adding code to my functions.php, how do I access this. I am using a child theme but have no idea where to find this directory. Can it be found from within WP dashboard? Sorry, but I have searched the forums and am still confused.

[Rahul]

Hey There,

Thanks for writing back!

Please set up a child theme from here if not! – https://community.theme.co//kb/how-to-setup-child-themes/

Child theme’s functions.php file is located in wp-content/themes/x-child/functions.php

Hope this helps!

[kurisu777]

Hi there,

I have attempted to edit the functions.php file so as to add “read more” functionality. However upon editing the file via FTP, nothing happens.
I am low level beginner however I believe that I followed the correct steps.

I have attached 2 images. One is the FTP view of the file in the folder. I selected the correct file to edit correct?

The second is the actual functions.php file after I inserted the coding. This file was currently uploaded in the state you see.

Is the coding in the wrong place?

I am wracking my brain trying to figure this out.

Any assistance you can provide would be great!

[Paul R]

Hi,

Sorry, there is a missing code there.

Please add this on the last line.

add_filter( 'excerpt_more', 'x_excerpt_string' );

Final code is

function x_excerpt_string() {

  $stack = x_get_stack();

  if ( $stack == 'integrity' ) {
    return ' ... <div><a href="' . get_permalink() . '" class="more-link">' . __( 'Read More', '__x__' ) . '</a></div>';
  } else if ( $stack == 'renew' ) {
    return ' ... <a href="' . get_permalink() . '" class="more-link">' . __( 'Read More', '__x__' ) . '</a>';
  } else if ( $stack == 'icon' ) {
    return ' ... <a href="' . get_permalink() . '" class="more-link">' . __( 'Read More', '__x__' ) . '</a>';
  } else if ( $stack == 'ethos' ) {
    return ' ...';
  }

}
add_filter( 'excerpt_more', 'x_excerpt_string' );

Hope that helps.

[kurisu777]

Nice! It did work! Thanks.

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts