Docs

[TrulyBlissful]

I’m trying to change the font size of the titles of my blog posts. I’d like to move the title above the featured picture as well. I’ve tried the following to no avail:

.single-post h1, .single-post .h1 {
font-size: 96px;
}

.blog h2.entry-title, .blog h2.entry-title a {
font-size: 90%;
}

.entry-title a {
font-size:20px;
}

.entry-header .entry-title {
font-family: P22Dearest;
font-size: 172px;
}

Thanks so much.

[Rahul]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Regards,
Rahul

[TrulyBlissful]

This reply has been marked as private.

[TrulyBlissful]

This reply has been marked as private.

[Rad]

Hi there,

Would you mind providing the code? There are many ways to do it, maybe we can just fix what’s you already have.

And please add this CSS for changing recent posts font sizes.

/* when excerpt is available, it should inherit this size */
.x-recent-posts-content {
font-size: 14px;
}
/* recent posts title */
.x-recent-posts-content .h-recent-posts {
font-size: 30px;
}

As for single posts, please provide a mockup design of how it should look like. I’m not sure about moving the title above the featured image, is it before the featured image, or overlaying on the featured image?

And your CSS will not work since other CSS are properly implemented.

This is the original,

  h1.h-landmark {/* Carousel title */
.erinyen .tp-arr-titleholder {
        font-family: ‘imfellenglish”;
        font-size: 13px;
}

    color: gray; /* Change gray to your preferred TITLE font color */
}
p.p-landmark-sub {
    color: gray; /* Change gray to your preferred SUBTITLE font color*/
}
.x-colophon.top,
.x-colophon.top h4, /* heading */
.x-colophon.top a { /* links */
        color:gray;
}

.x-colophon.bottom,
.x-colophon.bottom .x-nav li a, /* footer menu */
.x-colophon.bottom .x-social-global a i, /* social icons */
.x-colophon.bottom .x-colophon-content a { /* content links */
       color:gray;

and this is the correct one

  h1.h-landmark { /* Carousel title */ } /*close the bracket*/

.erinyen .tp-arr-titleholder {
        font-family: 'imfellenglish';
        font-size: 13px;
}

.what_is_this_selecror {
    color: gray; /* Change gray to your preferred TITLE font color */
}

p.p-landmark-sub {
    color: gray; /* Change gray to your preferred SUBTITLE font color*/
}
.x-colophon.top,
.x-colophon.top h4, /* heading */
.x-colophon.top a { /* links */
        color:gray;
}

.x-colophon.bottom,
.x-colophon.bottom .x-nav li a, /* footer menu */
.x-colophon.bottom .x-social-global a i, /* social icons */
.x-colophon.bottom .x-colophon-content a { /* content links */
       color:gray;
} /* close the bracket */

Hope this helps.

[TrulyBlissful]

I was given the code below with the instructions to also add: [x_recent_posts type=”post” enable_excerpt=”true” count=”3″ orientation=”horizontal”] to my page. I was supposed to add the code to my functions.php file which is what shut the theme and dashboard down. I do not understand any of this as I thought I was purchasing a ready made them. I’m telling you this so you understand that I don’t speak the language. Thanks!!

// =============================================================================
function x_shortcode_recent_posts_v2code( $atts ) {
extract( shortcode_atts( array(
‘id’ => ”,
‘class’ => ”,
‘style’ => ”,
‘type’ => ”,
‘count’ => ”,
‘category’ => ”,
‘enable_excerpt’ => ”,
‘offset’ => ”,
‘orientation’ => ”,
‘no_image’ => ”,
‘fade’ => ”
), $atts ) );

$id = ( $id != ” ) ? ‘id=”‘ . esc_attr( $id ) . ‘”‘ : ”;
$class = ( $class != ” ) ? ‘x-recent-posts cf ‘ . esc_attr( $class ) : ‘x-recent-posts cf’;
$style = ( $style != ” ) ? ‘style=”‘ . $style . ‘”‘ : ”;
$type = ( $type == ‘portfolio’ ) ? ‘x-portfolio’ : ‘post’;
$count = ( $count != ” ) ? $count : 3;
$category = ( $category != ” ) ? $category : ”;
$category_type = ( $type == ‘post’ ) ? ‘category_name’ : ‘portfolio-category’;
$offset = ( $offset != ” ) ? $offset : 0;
$orientation = ( $orientation != ” ) ? ‘ ‘ . $orientation : ‘ horizontal’;
$no_image = ( $no_image == ‘true’ ) ? $no_image : ”;
$fade = ( $fade == ‘true’ ) ? $fade : ‘false’;
$enable_excerpt = ( $enable_excerpt == ‘true’ ) ? true : false;

$output = “<div {$id} class=\”{$class}{$orientation}\” {$style} data-fade=\”{$fade}\”>”;

$q = new WP_Query( array(
‘orderby’ => ‘date’,
‘post_type’ => “{$type}”,
‘posts_per_page’ => “{$count}”,
‘offset’ => “{$offset}”,
“{$category_type}” => “{$category}”
) );

if ( $q->have_posts() ) : while ( $q->have_posts() ) : $q->the_post();

if ( $no_image == ‘true’ ) {
$image_output = ”;
$image_output_class = ‘no-image’;
} else {
$image_output = ‘<div class=”x-recent-posts-img”>’ . get_the_post_thumbnail( get_the_ID(), ‘entry-‘ . get_theme_mod( ‘x_stack’ ) . ‘-cropped’, NULL ) . ‘</div>’;
$image_output_class = ‘with-image’;
}

$output .= ‘‘
. ‘<article id=”post-‘ . get_the_ID() . ‘” class=”‘ . implode( ‘ ‘, get_post_class() ) . ‘”>’
. ‘<div class=”entry-wrap”>’
. $image_output
. ‘<div class=”x-recent-posts-content”>’
. ‘<h3 class=”h-recent-posts”>’ . get_the_title() . ‘</h3>’
. ‘<span class=”x-recent-posts-date”>’ . get_the_date() . ‘</span>’
. ( $enable_excerpt ? ‘<span class=”x-recent-posts-excerpt”>’ . strip_tags( get_the_excerpt() ) . ‘</span>’ : ” )
.'<div>’ . __( ‘Read More’, ‘__x__’ ) .'</div>’
. ‘</div>’
. ‘</div>’
. ‘</article>’
. ‘‘;

endwhile; endif; wp_reset_postdata();

$output .= ‘</div>’;

return $output;
}

add_action(‘wp_head’, ‘change_recent_posts_to_v2’);

function change_recent_posts_to_v2() {
remove_shortcode( ‘x_recent_posts’ );
add_shortcode( ‘x_recent_posts’, ‘x_shortcode_recent_posts_v2code’ );
}

[Friech]

This reply has been marked as private.

[Author]

Posts