CSS help for motif theme

almanacmarketing · Member · Oct 29, 2015 at 2:40 pm
Copy link

Add topic to favorites
I’m a complete CSS neebie and was wondering if anyone knows how to a) make all of these […] in the boxes of this page http://almanacmarketing.com/services/ clickable to they go to the corresponding sub-pages.

Also, what code do I need to use to make sure each of the boxes on this page http://almanacmarketing.com/services/ only contain, say, 5 lines of text. (Currently the boxes just take an excerpt from the sub pages and it looks messy as I have bulleted lists on the subpages).

Any assistance would be very much appreciated!

The blog I need help with is: (visible only to logged in users)
almanacmarketing · Member · Oct 29, 2015 at 2:54 pm
Copy link
Also, c) how do you reduce the distance between the first text box and the grid boxes underneath on this page? http://almanacmarketing.com/services/
thesacredpath · Member · Oct 29, 2015 at 10:16 pm
Copy link
Hi there,

how to a) make all of these […] in the boxes go to the corresponding sub-pages

That isn’t something that can be done with CSS. That would require editing of the theme php script files, and we cannot do that at WordPress.com.

Also, what code do I need to use to make sure each of the boxes on this page http://almanacmarketing.com/services/ only contain, say, 5 lines of text. (Currently the boxes just take an excerpt from the sub pages and it looks messy as I have bulleted lists on the subpages).

You can create your own custom excerpts and place that in the Excerpts module in the page editor. If you do not see the excerpts module down below the text entry area, go to Screen Options at top right and activate it.

Also, c) how do you reduce the distance between the first text box and the grid boxes underneath on this page? http://almanacmarketing.com/services/

That distance is a bottom margin on the top section of page content and can be adjusted with the following CSS. Adjust the 55px value as desired.
```
.page-template-grid-page .hentry {
    margin-bottom: 55px;
}
```
almanacmarketing · Member · Oct 30, 2015 at 9:11 am
Copy link
Thank you so much! Sorry, I have one more question…when using the excerpt box, it doesn’t automatically link the text to the page. I know I need to put this code in: function new_excerpt_more( $more ) {
return ‘ ‘ . __(‘Read More’, ‘your-text-domain’) . ‘‘;
}
add_filter( ‘excerpt_more’, ‘new_excerpt_more’ );

but I don’t know where. When I go to the CSS box it’s the code for the home page not the sub-pages that I wan’t to edit the excerpts for. Could you tell me how to get to the right place to put this in? Thank you!
almanacmarketing · Member · Oct 30, 2015 at 9:13 am
Copy link
I actually meant this code:

<a> Read More...</a>
thesacredpath · Member · Oct 30, 2015 at 5:40 pm
Copy link
This code
```
function new_excerpt_more( $more ) {
return ' ' . __('Read More', 'your-text-domain') . '';
}
add_filter( 'excerpt_more', 'new_excerpt_more' );
```
is php, and we can’t add php script at WordPress.com.

I’ve done some testing, and I can’t get the Read More tag to appear on child pages. We can control the length of the excerpt by creating custom excerpts, but there isn’t Read More functionality in the theme for child pages.

The thing is, the […] has been used for a long time on the web to indicate there is more content, and as far as I can see, it hasn’t been used as a link to the remaining content. On WordPress themes, it has always been the page or post title that you click on to get to the rest of the content.
almanacmarketing · Member · Nov 5, 2015 at 9:53 pm
Copy link
Thank you so much for your help!
thesacredpath · Member · Nov 6, 2015 at 6:07 am
Copy link
You are welcome.

No items found.