I started working on a wordpress website locally after downloading the wp-content folder from an existing website.
CSS styling is working alright but images (and fonts) are not displayed for some reason.
Both those things are assests fetched using url() in CSS but I don't understand why it happens. Obviously everything works the way it's supposed to on the live site.
images are in the theme folder:
wp-content/themes/myTheme/assets/pageName/img.ext
And through CSS I try to access them using:
background-image: url("/wp-content/themes/myTheme/assets/pageName/img.ext")
What am I doing wrong?
The solution to my problem was to extend the path by adding "/wordpress/" like so:
background-image: url("/wordpress/wp-content/themes/myTheme/assets/pageName/img.ext")
Related
For a project I'm working on I am trying to accomplish to match the whmcs client area to my wordpress site.
So far I've made a lot of progress but I'm stuck right now. I want to include the header of my wordpress site in whmcs.
I tried to implement the static code of my header in the header.tpl file of whmcs. It kind of works but the css conflicts with the main theme of whmcs.
The second thing I tried was to include it with php
<?php include(path/to/header.php'); ?>
Since the header.php is located in the main www directory and whmc is on a subdomain, I was advised to try this:
include($_SERVER['DOCUMENT_ROOT'].'/header.php');
Neither of those two methods worked.
The next thing I did was a new approach. I tried implementing the whmcs layout in wordpress with a plugin called advanced Iframe. It does work but it doesn't always behave as it should and I think it is an better idea to keep whmcs completely on its own subdomain (client.domain.com)
I am no coding genius, so I'm stuck at this point. Are there any workarounds for this?
Assuming the file you're wanting to include the header in is in the same directory as header.php, then you can use
<?php include(__DIR__.'/header.php'); ?>
I have found my mistake.
Since whmcs themes are .tpl, php can't be included directly and is not recommended. What I did was create a new folder in the theme directory with all the assets and a header.tpl file.
Then I included the header.tpl like this.
{include file="$template/header/header.tpl"}
The only downside is that I have to edit the menu manually when changes are made to the WordPress site
I have a fully functional Wordpress custom theme. I have just installed Woocommerce and followed this guide. I have followed the very basic instructions to copy page.php, rename it and modify the loop. I have done this and am able to use Woocommerce, however in the page.php file, I have a
<?php get_header(); ?>
command, which successfully displays that part of the layout in my normal wordpress pages. However, in the direct clone which is now called woocommerce.php, it is not working fully, The links show up, but without any of the associated css which is linked into the header file. Any ideas why two versions of the same file would mean only one correctly imports / interprets the css?
Here are the two web pages:
http://www.gas-sense.co.uk/blog
http://www.gas-sense.co.uk/blog/product/gas-sense-personal/
OK, I have fixed this now. It was a dreamweaver issue, when cloning the file and renaming it, dreamweaver didn't seem to catch up with updating the links. I have since manually rewritten the references and it is working, thank for your help!
I am uploading a bootstrap template through Heroku. The name of the template is: Brushed. http://www.alessioatzeni.com/blog/brushed-template/
I route to the home page through a php file with the following code:
<?php include_once("home.html"); ?>
Everything works in the emulator on cloud9, however, when I upload it to Heroku only my HTML shows up without any of my CSS. Does anyone have any idea of what I can do?
Here is a link to my site: https://mariatorres.herokuapp.com/
It is not a rails app, just a static bootstrap template.
If you use Chrome's Code Inspector and go to Network, and try to reload your webpage, you will see that the .css files are 404 not found... you can reproduce the same if you load your webpage, open it's source and see (and try to open) the .css links.. you will see that they are not found. To fix this, where you load the .css files try to use the full path of the CSS, or if you rewrite/route your paths, fix the path to the CSS files..
Only by showing us the include statement, is not enough..
I've got a custom theme running on the latest stable Concrete5 version.
It's all working great - but tonight I've come to create a variation of an existing template.
Inside the theme/themename/ folder I copied the PHP file for the template.
In the theme/themename/css folder I copied the CSS file used by the existing template.
In the CMS itself I created a new pageType with the alias to match both the php and css file's filename I'd created by copying the previous files.
The PHP / template file is loading fine when chosen as the template for a page, but it's now loading in the associated CSS file.
Cache cleared but to no avail.
Can anyone give me any clues what I'm missing?
This usually is because the css and/or js is hardcoded in the header.
Check the html head (in the template) if the path to the css/js is correct.
i've created a new website under a working Magento install. The old website works fine, but the new one doesn't load the theme css. I can see it loads the .phtml files when enabling Template Path Hints.
I've already checked basic things 100 of times, so...
set theme to desired one
refresh Magento cache
check source code to see whats the css path
use i.e. firebug to see what css is being loaded
can you show your file structure?
whats the theme name?