mark l chaves

Hi @rachellecdavis,

Welcome to the exciting world of responsive web design (rwd). There isn’t a one size fits all.

I explain this is more detail using what’s called art direction images.

Shout if you have any questions 😉

Hi @rodsn,

Please run a Google PageSpeed test on your site. You’re getting a 0 score for mobile and 12 for DT (out of 100).

https://developers.google.com/speed/pagespeed/insights/

Here are your top culprits.

Eliminate render-blocking resources
4.98 s
Enable text compression
2.28 s
Reduce server response times (TTFB)
2.12 s
Remove unused CSS
1.88 s
Serve images in next-gen formats
Warnings:
Unable to locate resource …10/UNO00597.jpg
Unable to locate resource …10/SINTRA-DE….jpg
Unable to locate resource …11/mulheres.jpg
…
Avoid enormous network payloads Total size was 27,797 KB

My Observations

Try get all your image sizes below 100 KB. Any image around 200 KB should be rare and if it’s the only image on the page.

Your total site size is almost 28 MB. Try to get your page closer 1 MB or smaller.

Good points from @phillcoxon. It looks like you are on Claranet. They look reputable. Just make sure you are not on a shared hosting plan.

Good luck!

Hi @lemonathor,

A child theme as @carike mentions is highly recommended but not essential. Nor, is it the first place to start with respect to your questions.

>What if I want to change the font size, color, etc. of some text? How can I add an “span” and apply styles?

This depends on the theme and pagebuilder you are using. In general, you should be able to edit the HTML source. Read up on the tools you use to do this. Check out Kinsta’s article on how to edit HTML in Gutenberg.

>I know html, css and js but how am I supposed to use the “custom css” if I can’t add the class to my elements on the page

Again, many popular pagebuilders support editing HTML and adding class references to your page. Here’s a primer for adding custom CSS to WordPress.

JS is a different story. This can get complicated. You need to enqueue your scripts.

>How can I edit the code? If I open it with Elementor my page breaks. I mean only by opening it, I didn’t get the chance to change anything and it broke all the design.

You’ll need to ask the Elementor gurus. This forum doesn’t support commercial products.

>If I open the page with the included editor it doesn’t show the design (I mean not even close, is like everything is just dropped there), and the code is limited to like 10% of the page

This comes with the territory. This is a tough one to answer. There’s no silver bullet. Even when you edit raw HTML, CSS, and JavaScript what you see isn’t always what you get. Sorry that I can’t be more helpful here.

>I’m not complaining, I’m actually asking these questions, this is my first time with WordPress.

Forums are not the best place to learn WordPress IMHO. You should take a course. Forums are great to augment your learning. Always perform your due diligence with the answers you get here. This includes my answers 😉

Enjoy!

• This reply was modified 6 years, 3 months ago by mark l chaves.

Hi @bygosh,

Do you have any example? I have not come across a CSS guide specific to a theme. It would be cool to see if any one has.

If you have a specific question about the spacing on your page, just shout.

Hi @pheonis,

Looks like you figured this out?

If not, here’s the filter.

function mlc_remove_astra_post_read_more() {
    return __( '', 'astra' );
}
add_filter( 'astra_post_read_more', 'mlc_remove_astra_post_read_more' );

Based on this earlier post.

https://wordpress.org/support/topic/how-to-modify-the-read-more-text-on-the-front-page/

• This reply was modified 6 years, 3 months ago by mark l chaves. Reason: Grammar

Hi @bufus,

You can use standard WordPress filters to remove the post title.

Try the code below. Either add this to your child theme’s functions.php or create a plugin for it.

/**
 * Filters for Titles
 *
 * Reference:
 *   https://codex.wordpress.org/Plugin_API/Filter_Reference/the_title
 * 
 * Menu code based on: 
 *   Fayaz https://wordpress.stackexchange.com/questions/309151/apply-the-title-filter-in-post-page-title-but-not-in-menu-title  
 */

function mlc_remove_post_title( $title, $id = null ) {
    return ( get_post_type() == 'YOURFANCYPOSTTYPE' ) ? '' : $title;
}
add_filter( 'the_title', 'mlc_remove_post_title', 10, 2 );

function mlc_remove_title_filter_nav_menu( $nav_menu, $args ) {
    // we are working with menu, so remove the title filter
    remove_filter( 'the_title', 'mlc_remove_post_title', 10, 2 );
    return $nav_menu;
}
// this filter fires just before the nav menu item creation process
add_filter( 'pre_wp_nav_menu', 'mlc_remove_title_filter_nav_menu', 10, 2 );

function mlc_add_title_filter_non_menu( $items, $args ) {
    // we are done working with menu, so add the title filter back
    add_filter( 'the_title', 'mlc_remove_post_title', 10, 2 );
    return $items;
}
// this filter fires after nav menu item creation is done
add_filter( 'wp_nav_menu_items', 'mlc_add_title_filter_non_menu', 10, 2 );

• This reply was modified 6 years, 3 months ago by mark l chaves. Reason: Replaced test post type with placeholder