zelda013

PS @jnashhawkins New update, after the “site unavailable” error now I am back to a 404 error for the dashboard https://en.lesbeauxebooks.com/wp-admin/ but the home page of the site https://en.lesbeauxebooks.com/ shows
“Index of /
[ICO] Name Last modified Size Description
Apache/2.4.10 (Ubuntu) Server at en.lesbeauxebooks.com Port 80”
is this progress ?

BTW I’ve updated both the en and * subdomains to point at the www folder.
screencap of the current DNS settings : https://photos.app.goo.gl/Z3taVQc93d9rT38y6

• This reply was modified 6 years, 1 month ago by zelda013.

@salmansaleem920, thanks for your reply. I’m not using Cloudflare or any other ssl service however I do plan to switch my sites to https soon(ish), is there something I should know before attempting that ? (I would hate to spend all this time fixing this problem only to bork the whole thing again :p)

Hello again @jnashhawkins, thank you again for your detailed replies.

I’m not sure I completely understand but I am getting an inkling.

First of all, update: I deleted the “en” subdomain I had created on the admin console of my webhost (I don’t think my host company is using CPanel. I just have access to some administration pages. I can provide a screen capture of any page if it would be helpful) and re-created it.

I also checked again that the “*” sub-domain exists, in the DNS (screen capture here: https://photos.app.goo.gl/maTat6YvyFkkWhJQ6).

Then I deleted the new subdomain site I had created in the WP Network dashboard and created it again.

Now I am getting a 404 error on the new site instead of a 500 error.

Questions :
1. do I need to have an explicit “en” subdomain as a folder on the server? Somewhere in the “read this first” documementation (unfortunately I can’t seem to find the reference now :/) I believe I saw that it does not. Could that be causing a problem?

2. “With WordPress multi-site, all the domains and subdomains need to come into webroot itself” : my WordPress is installed in the “www” folder (screencap : https://photos.app.goo.gl/cuEYVvUudQnahn2dA. The folder just above it is called “UPLOAD YOUR SITE INTO THE WWW FOLDER” so you can’t mistake it). Is this the public_html root you mean ? As a test, in the DNS admin page of my host account I edited the the address of the “en” subdomain to be “pf39-web.online.net.www.” instead of “pf39-web.online.net.” Now I am getting an unspecified “site unavailable” error which could be down to waiting for the new DNS to propagate (I hope…), is that correct ?

Thanks again for your patience and assistance, I really hope to figure this out !!!

• This reply was modified 6 years, 1 month ago by zelda013.

Hello JNashHawkins, thank you very much for your reply.

I’ve called my web host and they said that the DNS is pointing at the same server. To be honest they are not very helpful. :/

Is there some way I can check / modify this myself ? Or, is there a different problem which could be the cause of this problem ? Where can I see the hostname, for example ?

Very sorry for my lack of expertise…

I think I have resolved my problem.

The article wasn’t published yet because I wanted to fix this image problem first. I published it just now and when I checked the link I got a 404 error. Some worried investigations later I realised my category “portfolio” (the category is in the url) was likely in conflict with the “portfolio” feature of wordpress (which is activated but which I don’t use). At least, this is my guess of what was happening.

I am not sure why the css was not applied before when it was a simple selector because it seems to me it still should have worked. However now I renamed the category to “projects” instead of “portfolio” and added the explicit selector of “article .entry-content .imgv” and my css media query seems to be working now. (I wish I could have kept the “portfolio” category though, it’s more appropriate… oh well.)

If anyone would like to see what I mean the article is here : https://lesbeauxebooks.com/projets/le-putain-d-enorme-projet/

Hello sacredpath,
I think I’ve cracked it actually, indirectly with your help.

The article wasn’t published yet because I wanted to fix this image problem first. I published it just now in order to provide you a link and when I checked the link I got a 404 error. Some worried investigations later I realised my category “portfolio” (the category is in the url) was likely in conflict with the “portfolio” feature of wordpress (which is activated but which I don’t use). At least, this is my guess of what was happening.

I am not sure why the css was not applied before when it was a simple selector because it seems to me it still should have worked. However now I renamed the category to “projects” instead of “portfolio” and added the explicit selector of “article .entry-content .imgv” and my css seems to be working now. (I wish I could have kept the “portfolio” category though, it’s more appropriate… oh well.)

If you would like to see what I mean the article is here : https://lesbeauxebooks.com/projets/le-putain-d-enorme-projet/ however I think my problem is resolved.

Thanks very much for taking a look.

Hello James,
thanks again for the reply. Sorry to insist but unless I am missing something, that is not what I want.

I *don’t* want to serve different sized IMAGE FILES depending on the page size.

I *do* want to DISPLAY DIFFERENT WIDTHS in % of the total width, depending on the page size : 70% width max for larger pages, 100% width for smaller pages.

Normally I should be able to do this with media query but my css code is not being applied, and I don’t know why.

How can I get wordpress to use my css code, which I’ve indicated above in my first post?

Hello James,
thank you very much for your reply.

I’m not sure those plugins are quite what I’m after though. I am looking for a way to modify the proportion of the image in the page, depending on the size of the screen, not a way to create hi-res images for Retina screens, which seems to be the main feature of those plugins. Unless I’ve misunderstood, in which case my apologies. In other words I need to act on the CSS rather than the image files.

What I really need is either :
– a plugin which will modify the css of the image, using media queries,
or
– a way to add my own media queries to the css and make sure they are applied (currently my css does not seem to be taken into account).

Maybe a better way to ask my question is:

How can I override the generated CSS used for imported images with my own ? Since just replacing the CSS classes in the html code is not effective.

Thanks for your assistance!

Back again,
actually i’ve just found this code in the inc/extras.php file which i think is the bit i want to modify :

/*
 * Let's customize our excerpt a bit, so it looks better
 * First we decrease the default excerpt length, then
 * we give it a proper hellip for the more text.
 */
function pique_custom_excerpt_length( $length ) {
	return 27;
}
add_filter( 'excerpt_length', 'pique_custom_excerpt_length', 999 );

function pique_custom_excerpt_more($more) {
	$more_link = '<span class="read-more">';
	$more_link .= '<a class="more-link" href="' . esc_url( get_the_permalink() ) . '" rel="bookmark">';
	$more_link .= sprintf(
		wp_kses( __( 'Read more %s', 'pique' ), array( 'span' => array( 'class' => array() ) ) ),
		the_title( '<span class="screen-reader-text">"', '"</span>', false )
	);
	$more_link .= '</a></span>';
	return '&hellip; ' . $more_link;
}
add_filter( 'excerpt_more', 'pique_custom_excerpt_more' );

it mentions that the excerpt has been shortened, so i imagine i could modify the shortened length to make it a bit longer ? only i am not sure where to do that : i changed

function pique_custom_excerpt_length( $length ) {
	return 27;
}

to

function pique_custom_excerpt_length( $length ) {
	return 200;
}

just as a test (and put the components/content-excerpt.php back as it was originally), but that doesn’t seem to make a difference.

i also modified this code :

function pique_custom_excerpt_more($more) {
	$more_link = '<span class="read-more">';
	$more_link .= '<a class="more-link" href="' . esc_url( get_the_permalink() ) . '" rel="bookmark">';
	$more_link .= sprintf(
		wp_kses( __( 'Read more %s', 'pique' ), array( 'span' => array( 'class' => array() ) ) ),
		the_title( '<span class="screen-reader-text">"', '"</span>', false )
	);
	$more_link .= '</a></span>';
	return '&hellip; ' . $more_link;
}

to this :

function pique_custom_excerpt_more($more) {
	$more_link = '<span class="read-more">';
	$more_link .= '<a class="more-link" href="' . esc_url( get_the_permalink() ) . '" rel="bookmark">';
	$more_link .= sprintf(
		wp_kses( __( 'Lire la suite %s', 'pique' ), array( 'span' => array( 'class' => array() ) ) ),
		the_title( '<span class="screen-reader-text">"',de '"</span>', false )
	);
	$more_link .= '</a></span>';
	return '&hellip; ' . $more_link;
}

but again, that didn’t change the text of the more link which is displayed…

what am i doing wrong ?

Hello Siobhan,
thanks very much for your help.

I’ve modified the components/content-excerpt.php file as you indicated (I am using a child theme already), and now the more link does work properly, however I’ve lost the original pique styles on that link which I would like to conserve (small caps + arrow text link on the home page and button style in the “see all posts” page).

Can you tell me how to get that back ?

I’d also like to modify the default more link as I mentioned above :

currently they look like this :

<a class="more-link" href="url" rel="bookmark">Lire la suite de <span class="screen-reader-text">?&nbsp;title&nbsp;?</span></a>

i would like to move the “de” into the screen-reader-text span before the title of the article, which makes more sense :

<a class="more-link" href="url" rel="bookmark">Lire la suite <span class="screen-reader-text">de ?&nbsp;title&nbsp;?</span></a>

I’m just not sure where to find that code.

Thanks again for your help.

THANK YOU !!! that’s done the trick perfectly. ??

Thanks again for the lovely theme, and for the help.

Already have. ??

Brilliant. ?? Ta.

That was the theme’s creator, Sarah Semark – her comments really are the best. ??

Thanks for the info, if I ever change themes I’ll look for another one by her. ?? Don’t hesitate to pass along my thanks and appreciation if you get the chance.

Great, thanks again for your help. I would love if your devs can find a solution to this, so fingers crossed. Note that it only shows up in Chrome, and only if you click on the menu at the top of the static home page ; if you just scroll down (or use a different browser) it doesn’t appear.

Let me know if there is any more info I can give you.

And I definitely do like Pique, I am still exploring all the possibilities and learning new things (about Pique and about WordPress) but I think I got lucky choosing this theme.

Extra props to whoever did the really clear and helpful commenting in the code, I’m a big fan. ??

Hi Kathryn,
thanks very much for your reply. Sorry I neglected the tag, I didn’t know about that.

I’m only having this problem with Chrome, both pc and mac versions. My system :
win 8.1
Chrome 49.0.2623.87

I’ve checked the site on firefox and the blue frame does not appear ; it seems to be a browser-specific highlight code for input fields (for instance, there is a similar blue border on the text box I’m currently typing this reply into).

My site is here :
https://www.lesbeauxebooks.com/

Here is a screenshot to show you what I mean :
<img src=”https://lesbeauxebooks.com/img/capture.png&#8221; alt=”https://lesbeauxebooks.com/img/capture.png&#8221; />
(in case images aren’t allowed on this forum, here is a direct link https://lesbeauxebooks.com/img/capture.png)

Thanks very much for this theme, it’s really nice.