Background Image « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Sentence

Background Image

11 posts from 5 voices

Started 10 months ago by JenniferJaco
Latest reply from Ismael
This topic is not resolved

Tags:

JenniferJaco
Member

Hello,

I am having several problems formatting my Sentence theme, and I hope it's okay if I post them all in the same place!

1. I would like to change the background image on all pages of my site, but I can't find any settings that allow me to do that. I have read that you can do this through a "custom.css" file, but I cannot find that file!

2. I would also like to change the entire header image - not just have a 200px x 100px logo - and I'm not sure where to input this information.

3. I would like to change the order in which my portfolio items are listed under the "All" category on the main portfolio page. I have them categorized, and that works fine. But is there some way I can control the order of the posts under the "All" category? I do not want them listed by post date, which seems to be the default.

4. Can I change the pt size of the text on my website, namely the headers?

5. I'd like to change the copyright information at the bottom of the site. I found a post detailing which style sheet to use in order to do this (although I can't remember which one it was), but when I went to that style sheet, I couldn't find the coding that your support member said would be there.

6. Lastly, I have my portfolio set as my front page, but the nav bar still says "Home" when I'm on this page. Can I change this to just say "portfolio" and not have a "Home" page listed in my nav bar?

Ok, I think that's all! Any help is greatly appreciated!! Here is my site in case you would like to reference it : http://www.JenniferJaco.com

Thank you!!

Posted 10 months ago #
Mya
Hi Jennifer,

I'm going to answer your questions in order. Here we go. :D

1. Your custom.css is located in /wp-content/themes/sentence/css/. You'll need a FTP client in order to download/upload (push/pull) the file if you don't have one already.

2. Upload your logo Sentence > Theme Options then add the following to your custom.css in order to accommodate the larger image.
```
#top #header .social_bookmarks {
    top: 25%;
}
```
3. To do this you would either use a plugin or edit the template. How would you like them ordered?

4. You'll need to change this using the custom.css. What you use depends on the text you're trying to change. For instance, the content headers would use this:
```
.template-blog .post-title {
    font-size: 22px;
}
```
You'll want to change the 22px to whatever you want.

5. You'll make that change in footer.php. Here's the line:

<span class='copyright'>© <?php _e('Copyright','avia_framework'); ?> - <a href='<?php echo home_url('/'); ?>'><?php echo get_bloginfo('name');?></a> - <a href='http://www.kriesi.at'>Wordpress Theme by Kriesi.at</a></span>

It's located after the  line.

6. Go to Appearance > Menus. Click the down arrow on the "Home" tab and under "Navigation Label" replace Home with Portfolio.
Posted 10 months ago #
JenniferJaco
Member

Hi Mya,

Thank you for your response.

1. I'm still looking for the custom.css file and I can't find it... I couldn't follow the exact path you listed above (/wp-content/themes/sentence/css), but I went to Appearance/Editor, where all of the .php files are. Is it supposed to be on this page? The only style sheet I have listed on this page is at the bottom of the list, under all of the php files, and it's called style.css. I don't need to start up my FTP client just to see this style sheet, do I? Sorry... I just can't find it :/

2. This sounds fine, as long as I can find the custom.css file.

3. I would like to order them by likeness (similar projects, colors, etc). Basically, they'd be ordered pretty much the way they are ordered with throughout the separate categories, except they'd be all together in the "All" category.

4. same as #2

5. I found this stuff! Thanks!

6. I tried this but it still said "Home" in the nav bar after I changed it, even though the page itself still had a "Portfolio" header. But that's fine, I decided to keep a separate home page anyway!

Posted 10 months ago #
Ismael
Moderator

Hello,

Yes, you need to open custom.css via FTP.

Regards,
Ismael

Posted 10 months ago #
JenniferJaco
Member

OH it's in the originally files I downloaded for the theme! Got it. Ok, I found custom.css, but how does my site update with the changes? If I save the custom.css file in the sentence root folder on my computer, will it update? Or do I have to upload it to the dashboard somehow? sorry... I'm having a hard time with this part :/

Posted 10 months ago #
JenniferJaco
Member

I have found the Quick CSS box and been able to do a few things there... but I'm still having some problems.

1. I was able to find some coding in another post regarding uploading a background image, but it didn't work when i tried it. i tried it for #main, #container, #body, but it only worked for #header, #footer, and #socket. What am I supposed to call the background area in order for my image to cover the whole page background (not the content area)? Is there a certain size that the image needs to be? This is the coding I tried:
#main{
background-image: URL(http://www.jenniferjaco.com/wp-content/uploads/2012/07/splatter-painting1.jpg);
background-repeat: no-repeat;
background-position: top;
}

2. What is the appropriate coding I need to change the size of the main page headers, such as "Portfolio" on the portfolio page?

3. I'd like to control the order of my portfolio items as they are listed under the "All" category. Instead of being listed by the date posted, I'd like to list them by when each project was completed, for example, which is something I'd have to organize manually. I did not necessarily post them in the order I'd like them displayed now...

Thank you!

Posted 10 months ago #
Devin
Moderator
Hi JenniferJaco,

The custom.css file is located in the files on your server along with all the other files that make up the live theme. What you need to do to edit this file and have those edits take place on your live site is download the file from your server via FTP then edit the file then Re-Upload that file back to the same place in your theme files overwriting the old custom.css.

1.You can target html,body and that will span the entire background of your site. If you are not already, I would suggest using Inspect Element in Chrome (right click>inspect element) or Firebug for Firefox.

2. You can target the h1 element with:
```
h1 {
font-size: 38px;
}
```
3. You'll need to use a third party plugin to get complete control on post order. Something like: http://wordpress.org/extend/plugins/post-types-order/

Hope that helps :)

Regards,

Devin
Posted 10 months ago #
JenniferJaco
Member

THANK YOU!! I still can't figure out the background image for some reason, but the rest worked like a charm. I'm truly appreciative.

Posted 10 months ago #
Ismael
Moderator

Hey,

Glad it is working.

Regards,
Ismael

Posted 10 months ago #
jorgepelaez
Member

Hello all, I'm trying to add a background image to Corona theme and I can't find the way to add it.
I tryed adding it to the body via the quick css and it won't show.

I'm using this homepage option http://www.kriesi.at/themes/corona/ and need the image to appear center top of the site.
I can't provide a link since I'm working on my localhost.

Any advice is more than welcome.

Posted 10 months ago #
Ismael
Moderator
Hi,

You can add the background image on this element.
```
#top #header.slideshow_big_container {
background: red;
}
```
Regards,
Ismael
Posted 10 months ago #