A Wordpress theme has following components:
theme.zip file
demo-content.xml
PSD.zip file (contains files such as icon-blog.psd, icon-home.psd, integrity-blog.psd, ... renew-home.psd)
Using WP Admin (WP Backend) I have managed to upload theme.zip file.
Using WP Importer I have managed to upload demo content.
However, what do I do with PSD files?
I would like to add that the current frontend looks very basic. And I assume PSD files serve to enrich frontend. But how do I use them? Where do I "import" them? How do I do it?
After taking a look at the comments, I have to say that if the tag exists, the answer should be answered here too.
Your .PSD is basically all the images that compose your theme in one editable file.
The extension of the file is meant to be opened with Photoshop and if you open it there, you should see the design of your theme ready to be cut and applied into HTML and CSS.
For Wordpress or your site it has no utility by itself, however, if you want to change some button, icon or related it's just a matter of open the editable, change it, save the image and replace it on the server.
Ex:
You bought a theme initially developed in English and you have a button which is an image that says "Register". Since it's not editable, there's no code change that can help you, so the only way you have is to open the .PSD, edit the button and save it again as image, replacing the old one.
Related
My company just buy a really nice theme for dotnetnuke. The problem comes when our clients does not want to see the site in a responsive mode. I have been thinking the problem is the meta viewport in the theme.
I dont want to create a new theme and I dont want to use javascript.
How could I remove that meta viewport from an existing theme for dotnetnuke? Is this possible?
You can open up the ASCX files for the Theme.
Try navigating to /portals/_default/skins/THEMENAME
Locate the ASCX files there.
Make a backup before you make any edits.
Open the ASCX file in a text editor (Visual Studio works, or even just Notepad).
Locate the viewport tag, remove it.
Refresh the browser/site where you are using the theme.
If you have multiple ASCX files in there, there are likely different layouts available, and you'll probably have to edit them all.
I am wondering why I am not unable to make changes; I already tried several things yet, I don't seem to be able to update the CSS, the following I did already:
There is no Editor, so I am unable to make changes via there.
I am an Administrator and have access to cPanel.
I made changes via ../wp-content/theme/my-theme/style.css and no changes were made.
I empty my cache via plugin and hard reload my Chrome, Firefox and Safari. And no changes were made.
Is there any other solutions? I already found the file which contains all the styles. I would try to add my own class, and see if I am to see if there is any effect.
First thing first, From cPanel you can navigate to your website from the fileManager, use it to make code changes and then save them. You need to clear the cache everytime you make changes (i usually do it from the browser (in chrome, open the dev console, then long press on the refresh button and select the bottom one)
If the changes are still not showing on your site, I think that maybe you are editing the wrong CSS? Is this your theme and are you 100% sure you are editing the right file and, for example, it's not overwritten by a child theme or something else?
If you are using any framework, maybe your property is overwritten by your framework (for example, by bootstrap). To check this, open the console or try to add !important in your CSS file.
Just as an example, when I develop a theme I leave the root style.css with only the theme definitions, and then I create different stylesheets in a different folder. This leads me to the next question: are you enqueue your file correctly? is it even loaded by WordPress?
to check this I usually inspect the code in and search for the id of the file I enqueued from my functions.php.
Unfortunately, without more details, this is the only things I could think of when developing and WordPress theme and make changes from cPanel. Hope some of this can actually help.
Please check following options
Permission of file at ../wp-content/theme/my-theme/style.css.
Grab the css and open in Dream-viewer or sublime is there any css syntax issue.
Also the path of style.css in header is show same by view source.
Or
Even you can use the plugins which allow to add custom css without toching the server check this plugin https://wordpress.org/plugins/simple-custom-css/
First I take a copy of the header.php before I made changes.
After I made changes to the header like the default image and header text through the dashboard
I reopened the header.php and find no changes there.
My assumption is when changes being made through Dashboard then dynamically the corresponding php files would updated. No?
If not, how would be changes in Dashboard be reflected in php file?
If you're making your changes to the header.php files via Appearances >> Editor >> Header.php ... then of course you're altering your header.php file.
You can also accomplish this by FTPing the file or using your server's control panel.
But before you make all these changes to your core WordPress files, I'd have to ask -- "why"? It's never (recommended) to make changes to your core WordPress files. This is because when you go to update your WordPress the next time an update comes out, you'll lose all your changes ... so you'll have to keep a changelog of your edits or end up with a dinosaur version of WP in the future.
If your theme doesn't give you an opportunity to do so alter the header in other manners, perhaps a plugin is a better solution. Or perhaps using custom CSS is a better solution if that fits your need. What are you trying to accomplish? Why would it need a moderation of a WP core file? Most likely, there are other ways to accomplish your goal(s).
I'm trying to add a bottom banner image to our sharepoint site without editing the masterpage files.
Is this possible?
Edit:
The image should appear on all pages with the relevant theme.
Cheers,
-Jeremiah Tantongco
I guess you don't want the image on all pages? You could use an Image Web Part or Content Editor Web Part and add the images using those standard web parts.
Edit the theme.css file in your C:\Program Files\Common Files\Microsoft Shared\Web Server Extentions\12\TEMPLATES\THEMES\themeName
Put any images in the same folder and referer it as url('image.jpg') in the CSS, do not use / or ../ etc.
Save the file, apply a different theme to your site, recycle the application pool then apply the customized theme back. Complicated, yes I know. Keep in mind that the theme is now changed to everyone using it and will be changed when applied in the future.
If you want to find other ways to customize the site, check this post I made a while ago
I am trying to build an website for my college's magazine. I used the "views" module to show a block of static content I created on the front page.
My question is: how can I edit the theme's css so it changes the way that block of static content is displayed?
For reference, here's the link to the site (in portuguese, and with almost zero content for now).
I can't access your site at the moment, so I'm basing this on fairly limited information. But if the home page is static content, the views module might not be appropriate. It might be better to create a page (In the menu, go to: Create content > page), make a note of the page's url, and then change the default home page to that url (Administer > Site Configuration > Site information, 'Default front page' is at the bottom). Although I might be misunderstanding what you mean by 'static content'.
But however you're creating the front page, don't edit the css in the theme - it'll get overwritten next time you upgrade. Instead you need to create a sub-theme.
As an example, if you want to subtheme Garland, in drupal 6. You first need to setup a directory for your themes. Go to sites/all/ in your drupal installation, and create a subdirectory called themes if it doesn't already exist. Go into that directory, and create a directory for your subtheme, say mytheme (i.e. sites/all/themes/mytheme/). Then use your text editor to create a file called mytheme.info in that directory, with the contents:
name = My Theme
version = 0.1
core = 6.x
base theme = garland
stylesheets[all][] = mytheme.css
And then use your text editor to create a file called mytheme.css in that directory, and put the extra CSS in there.
For more information, there's the druapl documentation on .info files and style sheets. Although, you might want to buy a book, as the online documentation isn't great.
The main css file that drives your content is the styles.css file located in your currently selected theme. In your case that means that most of your site styling is driven by this file: /aroda/roda/themes/garland/style.css with basic coloring effects handled by this file:
/aroda/roda/files/color/garland-d3985506/style.css
You're currently using Garland, the default Drupal theme included with the core download, so for best practices you shouldn't edit the included style.css file directly. Instead, you should, as Daniel James said, create a subdirectory in /sites/all called "themes".
If you're using Drupal 6, I'd follow Daniel James directions from there. If you're using Drupal 5, I'd go ahead and copy the garland directory into the themes directory and rename it for something specific to your site (aroda_v1) so you would have something like /sites/all/themes/aroda_v1 which would contain styles.css. At that point, you can edit the styles.css file directly to make any changes you see fit. Hope that helps!
It looks like most of your CSS info is in some *.css files. There is also some inline Style info on the page. Your style for the static info comes from the in-line stuff. I am not sure how Drupal generates the page but the place to start looking is for any properties for "ultima-edicao". That is what the surrounding DIV is called.