Beginner- Spun theme

myardelia · Member · Dec 6, 2013 at 2:04 pm
Copy link

Add topic to favorites
Hello

I am using the spun theme and Im editing through the CSS Custom design. Here is my blog “http://wp.me/47mJ9”. Im a beginner and I need assistance with a couple of things please:

1- How can I move the menu items ” Notebook, About, Contact” to the left hand side of the logo?

2- How can I disable my “+” feature?

3- Can I add social media widgets to the right hand side of my logo in the header?

4- Can I add a banner image right between my header and my posts?

Thank you soo much!!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Dec 12, 2013 at 6:45 pm
Copy link
Hi there, give the following a try. Add it to the end of your existing custom CSS. The last rule that starts with @media resets things back to the original design at 782px, which is where this theme changes to the tablet/phone design. The site title is set at an absolute position, so if you add additional menu items, you will have to go into the CSS and change the “left” value in .site-title.
```
.site-header {
    height: 108px;
}

.site-title {
    position: absolute;
    left: 270px;
}

.primary-navigation {
    float: left;
}

@media screen and (max-width:782px) {
.site-header {
height: auto;
}
.site-title {
position: static;
}
.primary-navigation {
float: right;
}
}
```
myardelia · Member · Dec 13, 2013 at 5:08 am
Copy link
Hello
Thank you very much it worked perfectly! :)

I have two more questions:
1- how can I change the font/size of the posts and their titles?

2- How can I change font/size of widgets titles and text?

I am using this but its not working

.widget-title {
font-size: 30px;
font-weight: 500;
text-decoration: underline;
color: #000000;
}

.widget {
color: #000000;
font-size: 20px;
font-weight: 500;
}
thesacredpath · Member · Dec 13, 2013 at 8:01 pm
Copy link
1. For post/page titles:
```
.entry-title {
    font-size: 40px;
}
```
For post/page content.
```
.entry-content {
    font-size: 38px;
}
```
2. For the widget title, in the existing CSS they are using more specific selectors, so change the selector to the following.
```
.primary-sidebar .widget .widget-title {
    color: #000000;
    font-size: 38px;
    font-weight: 500;
    text-decoration: underline;
}
```
For the widget content, let’s add another selector to what you have now so it looks like this.
```
.widget, .widget p {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
}
```
myardelia · Member · Dec 15, 2013 at 3:48 am
Copy link
Thank youuu!! This is great!!

My very last question is how to edit the mobile view for iphone or ipad. If i open my site from my iphone i only see the widgets .. i dont get a full view of the site. what should I do??

Thanks again very much!!
ladywriternorthwest · Member · Dec 15, 2013 at 4:14 am
Copy link
Hi ,

I am so new to this that what you guys were just talking about might as well been greek. How do I learn all of this? I thought it was supposed to be easy to build a blog or website.
My biggest problem to begin with is the background picture. Why cant I get the background pic that I want across the top to be all the way across and not a small pic centered, left, or right, or one after another duplicate pic?
thesacredpath · Member · Dec 16, 2013 at 6:29 pm
Copy link
You aren’t seeing any content on the main page of your site on your phone since you have not published any posts. The main page of a blog, by default shows a listing of the latest posts. If you publish a post, then it will show up.

Alternately, if you do not want the blog posts showing on the main page of your site, you can set a static front page for your site and then designate a different page for blog posts.

If you want only pages and are not going to be doing posts (normal website), then you can set a static front page and not set a blog page.
thesacredpath · Member · Dec 16, 2013 at 6:34 pm
Copy link
You can upload and set a header image at Appearance > Header. The image should be 1260px wide and 240px tall, but WordPress will take other size images and then you can crop them to size when inserting it.

No items found.