robsbots

Someone has beaten me to it and produced a plugin to achive what was required, so no need to publish this one.

Thanks.

Rob.

Hi Ross.

I have now solved the issue with resizing the height of the banner to conform with the images.
I needed to add some css to the media switches as below.

@media (max-width: 1599px) {
.site-header .home-link {
    mini-height: 230px;
}
.site-header {
    background: url("https://www.healthandbooty.co.uk/wp-content/uploads/2014/09/header1600x230.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}
}

Ross,

Thank you so much. That has cracked it. I just need to sort out the header heights and I think I’m up and running.

I would never have got this far without your help.

Thank you so much.

I have tried this, but unfortunately it seems to remove too much code. Not only is the header removed, but also the space for a header. As such the added css seems to have now where to go and is not shown.

Hi Ross.

I have checked the theme settings out. I can change the header image or make it random in the settings but that’s about it. I think this will require some “code” fix somewhere. Not sure if it’s css or php. I assume I can fix it in the theme files though, rather than hacking at WP it’s self, which I really don’t want to do.

As I have created a child theme this should not be a problem. I just don’t know enough about themes or WP to work out how as yet.

Not sure about hooks. I think I know what they are for, but now sure how or where to use them.

I ahve stated to decode WP, starting with index.php and working my way down the includes but I have a list of 23 included files so far and as yet nothing has been output to the browser. It may take some time to trace and understand the code I think :).

I will take a look at the forum as you suggest.

Thanks for your help.

Rob.

I can see what you mean. I have also added the same css to the main css file for the style (I have created a child theme to play with.)

This is also being overridden.

If I leave the css in the custom css plugin it gets overridden twice.

I just can’t find the php code that decides to render the header that overrides my resized headers. I assume I could edit this so that it is not called.

I can’t seem to find the get_header() function and to be honest I am not sure I should be editing this function anyway.

Hi again.

I have set the header image to the 1600 wide version in the customize theme section and entered the css code into a plugin (Custom css manager). I have also resize the header and renamed each as seen in the code.

This is the code I have entered :-

@media (max-width: 1599px) {
.site-header {
    background: url("https://www.healthandbooty.co.uk/wp-content/uploads/2014/09/header1600x230.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}
}
@media (max-width: 1069px) {
.site-header {
    background: url("https://www.healthandbooty.co.uk/wp-content/uploads/2014/09/header1070x154.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}
}
@media (max-width: 999px) {
.site-header {
    background: url("https://www.healthandbooty.co.uk/wp-content/uploads/2014/09/header1000x144.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}
}
@media (max-width: 767px) {
.site-header {
    background: url("https://www.healthandbooty.co.uk/wp-content/uploads/2014/09/header768x111.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}
}
@media (max-width: 643px) {
.site-header {
    background: url("https://www.healthandbooty.co.uk/wp-content/uploads/2014/09/header644x93.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}
}
@media (max-width: 359px) {
.site-header {
    background: url("https://www.healthandbooty.co.uk/wp-content/uploads/2014/09/header360x52.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}
}

Still no joy though. I suspect I have done something silly somewhere but can’t figure out what.

Appologies. I had some added css published for the prevoius post. I have now removed that and replaced it with the css you posted.

I’m not sure I understand the css side of things. It seems to point to a specific file and there seems to be no “switch” to tell it what size the image is. If I use multilple header sizes, how can this work when I point the css to one specific image ?

I used a width of 1600px as that was the size of the origional images with the theme. Are there standard media widths that people normaly work with ?

Thanks for all your help by the way.

If possible it would be nice if the logo and title where left aligned and resizd with the page. Not sure if this can be done though.

Appologise for the messed up link above btw. It does work though. ??

If possible it would be nice if the logo and title where left aligned and resizd with the page. Not sure if this can be done though.

Hi Ross.

Thanks for the reply.
The site was hidden behind a “Comming soon” page, but I have just published it.
https://www.healthandbooty.co.uk

I have Firebug installed and ready to go.

Hi

If you just want to display pages, go to <settings><reading> menu and set the ‘Front page’ to your page of choice from the drop down menu.
Then set your ‘Posts Page’ to ‘–Select–‘ from the drop down menu. (ie, no page selected).

This way you only show pages hat you have published, and the blogging side of WP is hidden from your users.

To enable pretty permalinks there are a few steps.

I am running apache2 on a linux OS so the following is for that setup.

Step 1. Enable mod-rewrite on the server.
From the ssh prompt on your server type :-
a2enmod rewrite
This enables the mod-rewrite plugin on the server.

Step 2. Set up your site to use modrewrite.
Edit the virtual hosts file for your site.
What follows is the config for my site with the added declerations to enable mod-rewrite.

<VirtualHost *:80>
    ServerAdmin [email protected]
    ServerName www.mydomain.com

    RewriteEngine On
    RewriteOptions Inherit
    DocumentRoot /var/www/mydomain/wordpress
    <Directory />
        Options FollowSymLinks
        AllowOverride All
    </Directory>
    <Directory /var/www/mydomain/wordpress/>
        Options Indexes FollowSymLinks MultiViews
        AllowOverride FileInfo
        Order allow,deny
        allow from all
    </Directory>

    ScriptAlias /cgi-bin/ /usr/lib/cgi-bin/
    <Directory "/usr/lib/cgi-bin">
        AllowOverride None
        Options +ExecCGI -MultiViews +SymLinksIfOwnerMatch
        Order allow,deny
        Allow from all
    </Directory>

    ErrorLog ${APACHE_LOG_DIR}/error.log
    # Possible values include: debug, info, notice, warn, error, crit,
    # alert, emerg.
    LogLevel warn
    CustomLog ${APACHE_LOG_DIR}/access.log combined
</VirtualHost>

Take special note of the RewriteEngine On, RewriteOptions Inherit, AlowOverride, and allow directives.

Step 3.
Once these are all set you may need to restart your server.
At the ssh command line enter :-
service apache2 restart

Step 4.
Your should now be able to use the permalink settings in wordpress.

Hope this helps someone out.

Thanks.

Rob.

Thanks for the reply Tara.

I now have it working. It turned out to be a mis configured server. Now that is cleared up I’m running with pretty links.

Thanks again for your help.

Rob.

Just thought I should mention. The only thing in my .htaccess file is the code from the wp codex.

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress

I created this file. Should there be anything else in there ?