Suits theme customization
-
Hi,
I want to customize my redesigned blog (www.codrinpo.com). Currently, I want to remove the “page titles” that appear on each page/category found in the navigation bar.
Another question that I have is whether or not I can change the position of the sidebars from page to page (on About to be shown on the left, on Blog on the right etc.). Is this do-able?
P.S.: I have the custom design upgrade.
Codrin
The blog I need help with is: (visible only to logged in users)
-
Hi Codrin,
Aha! Good to hear from you. I see you’ve switched from Kelly to Suits, and are sticking with this theme.
I want to customize my redesigned blog (www.codrinpo.com). Currently, I want to remove the “page titles” that appear on each page/category found in the navigation bar.
To accomplish this, click Appearance → Customize in your site’s Dashboard. Then, click CSS in your right-hand menu. In the CSS Revisions box, please paste the following underneath all existing text:
.wf-active .entry-title {
display: none;
}Then Save your changes. That will do the trick.
Another question that I have is whether or not I can change the position of the sidebars from page to page (on About to be shown on the left, on Blog on the right etc.). Is this do-able?
That isn’t possible. You have the option with this theme to either use a sidebar, or hide it and use a full-width page template. However, the column cannot be moved from side to side.
I hope this helps! If you have any other concerns, drop me a note. Thanks much!
-
Hi again,
Thanks for the code. It works, but only for the “Pages”, not for the “Category pages” (see Old posts). Can the same thing be done for that also?
One small questions about the sidebar: can the sidebar be hidden just on certain pages (like the Home page) or will this be for all pages?
Best,
Codrin
-
Another small question: in the contact form (Say Hi!), can I add a Google map to the side of the form or something else (text etc.)?
-
Yet another question: can you tell me the standard size of images in a slideshow? I know that it depends on the theme (for certain themes).
-
Hi there,
Thanks for the code. It works, but only for the “Pages”, not for the “Category pages” (see Old posts). Can the same thing be done for that also?
Following the same instructions as before, you’ll paste the following code below the css code you just added:
.archive-title {
display: none;
}One small questions about the sidebar: can the sidebar be hidden just on certain pages (like the Home page) or will this be for all pages?
If you open your Home page in the editor, you’ll see a Page Attributes box in the right side of the page. It looks like this:
https://cloudup.com/c1oK4adGtVGYou can choose to show your sidebar, or use a full page template. Save any changes you make by clicking Update.
Another small question: in the contact form (Say Hi!), can I add a Google map to the side of the form or something else (text etc.)?
You cannot add this to the side of the form, however you can add text or other content into the contact form itself. However, you may be best served to simply add the map/text/etc into the page BELOW your contact form.
You can also add a text widget to your sidebar for the contact page. By adjusting your widget’s visibility, you can have it display ONLY on the page you want. Here are instructions on setting that up:
http://en.support.wordpress.com/widgets/#widget-visibilityPlease let us know if you have any other questions. Thanks much!
-
Hi again,
Hide categories: solved!
Home page without sidebar: solved!
Contact form: solved!Standard size of images in a slideshow?!
P.S.: can I center the navigation bar or is this not an option for this theme?
Codrin
-
I know that I
m probably getting annoying. Im sorry for that. But here is one more question.Can I set the Blog page to hide posts in certain categories? I created a separate category for my “Old posts” to separate them from the new, but now it seems that the posts appear on both Blog (page) and Old posts (category).
-
I resolved the last issue (to post from only certain categories etc.). I replaced the Blog page in the navigation menu with a Blog category.
I do have a problem with the slideshow. Some times it displays the following message:
This slideshow requires JavaScript
.
If this is a problem when I view the slideshow, I guess that it will also be a problem for other people. What is the problem and how can I resolve it?
-
Hey there!
Glad those few things helped, sorry I missed the slideshow question!
There aren’t specifications for this, as the slideshow is designed to fill up the content width of your screen. Here is the information about your slideshow gallery:
http://en.support.wordpress.com/slideshows/#additional-informationMy suggestion (this is what I do, personally) is to decide on an image size/ratio that looks best to you in the slideshow. Try a few images of different sizes. Then, add uniformly-sized images in your gallery. You determine what you like best, and stick to that across the board.
I resolved the last issue (to post from only certain categories etc.). I replaced the Blog page in the navigation menu with a Blog category.
I was just answering that question for you. That’s the perfect solution.
I do have a problem with the slideshow. Some times it displays the following message:
Could you confirm you’re using the most updated version of your browser? If you’d like, you can check here:
http://whatbrowser.org/If you are using the most updated browser, please clear your cache using the instructions below:
Take another look, and if you’re still having the issue, please let me know.
Thanks much!
-
I have the latest version of Chrome (and IE 11) and I cleared the cache. The problem persists.
Centering the navigation bar question also?! I tried a few CSS codes that are working for other themes, but I guess I need to customize it to this one.
-
One final (I promise) question: I have a post where the title is not visible? Why and how to resolve this?
It`s the only post in the Blog category: http://codrinpo.com/category/blog/
-
Ok. It seems that I lied :P.
Another question: can I use as a header image one that contains hyperlinks and still have them functional (I can add them in Photoshop)?The same question goes also for images in a slideshow.
Best,
Codrin
-
Hey again!
I’ve taken a look at your slideshow, and had some fellow staffers do the same on their machines/browsers. We see everything working fine. Here’s what i recorded when I look at your slideshow:
You can either view/download that file from Cloudup if you want to see what we do. Everything is working well. I think the issue is occurring locally on your computer. Could you temporarily disable any plugins or extensions you may be running on your browser, to see if they’re interfering? I took a look on Chrome’s support page and they offer these instructions:
https://support.google.com/chrome/answer/187443?hl=enOne final (I promise) question: I have a post where the title is not visible? Why and how to resolve this?
Unfortunately, in this theme’s css, the same code identifies the page title (like, “Home”) and the blog title you’re missing.
If you want the blog title to display, you’ll have to delete the css that is hiding your page title:
.wf-active .entry-title { display: none; }
Another question: can I use as a header image one that contains hyperlinks and still have them functional (I can add them in Photoshop)?
No, that’s not possible with WordPress.com sites — for the header or the slideshow.
I really am happy to address any other questions :) There’s no limit. Take care!
-
Hey,
Here`s a little trick I just learned regarding that blog/post title problem. I unpublished the post (put it under “Pending review”). Then deleted the piece of CSS you mentioned (<strong>.wf-active .entry-title { display: none; }</strong>).
After this, I published the post again. The post title now appears with the Category Page title being hidden. In the other Pages (About and Contact/Say hi) the title appears. Unfortunately, it also appears on the Home page. But I`ll see what I can do for that. Perhaps another piece of CSS code just for that.
Another question: can the navigation bar be centered?
-
Solved the slideshow error. After checking on a few other computers around here, out of which 4 were on the same network as me, I realized that it was a network/provider problem. Solved it easily after realizing this.
The Google Maps in Contact map page issue can be solved with a “Contact info” or a Text widget (with embedded Google Maps shortcode).
Other questions:
1. Can the navigation bar be centered?2. How can I change the size of a sidebar widget (not just the size of its content)? Mainly interested in the Contact info and/or Text widget. Through size I mean width mainly.
3. How can I change the size of the header (width)?
4. I want to put in the footer my social media links accompanied by their logo, not just the links and name of the social networks. In other themes, this was easily done by creating a social media menu and in others through CSS. Can such a thing be done for the Suits theme also?
5. Is there a way of changing (just) the color of the footer? Full width like in the case of the Header…
6. How can I hide the comment box on the Home page?
That`s about it for now :).
-
1. Can the navigation bar be centered?
Add this to your CSS:
@media screen and (min-width: 869px) { .main-navigation { text-align: center; } .main-navigation ul { display: inline-block; }2. How can I change the size of a sidebar widget (not just the size of its content)? Mainly interested in the Contact info and/or Text widget. Through size I mean width mainly.
Add this to your CSS:
#secondary { margin: 0; width: 300px; }3. How can I change the size of the header (width)?
Create a wider image, upload it to your media library, copy the URL, and then pasted it into the url() area in this CSS example:
.site-header { background: #F5F1E8 url("YOUR_IMAGE_URL") no-repeat scroll top; }4. I want to put in the footer my social media links accompanied by their logo, not just the links and name of the social networks. In other themes, this was easily done by creating a social media menu and in others through CSS. Can such a thing be done for the Suits theme also?
Take a look here:
http://en.support.wordpress.com/add-social-media-buttons-to-your-sidebar-or-footer/
5. Is there a way of changing (just) the color of the footer? Full width like in the case of the Header…
You can change the footer color once you add them with CSS.
6. How can I hide the comment box on the Home page?
If you want to disable comments on your Home page, please go to Pages > All pages in your Dashboard. Then select the Home page by checking the box left of Home. Then, go to the drop down menu labeled “Bulk Actions” and select “Edit”. Click on “Apply”, and you will see another dropdown menu next to “Comments”. Select “Do Not Allow”, and click “Update”.
-
Hi,
It`s an urgent matter this time. As I was entering all the CSS you mentioned, everything went wrong, really wrong. The first CSS (for centering the navigation bar) kept disappearing and now every little bit of formatting vanished as well.
Can you help me recover everything I`ve down in the past week?…with your help.
-
Hi,
I managed to solve the issue. It was my mistake in doing it, checked the wrong box by accident.
But there is still a problem. The “navigation bar centering” CSS won`t stick. As soon as I save it in the CSS revision box, if I refresh my home page, the navigation bar shifts to the left. Any way to solve this problem?
The CSS code for the sidebar widget increase, although it sticks, it does not increase the size of the widget.Three quick questions:
1. Can I increase the size of the titles in the navigation bar without increasing the other headings at the same time?2. Can I delete the title of the home page? The code above works only for Pages and Category pages.
3. How can I set the background of slideshows to none or white or some other color? I already went to Settings>Media Settings and set it to white, but no change.
Thank you in advance :).
-
The “navigation bar centering” CSS won`t stick.</blockquote>
Depends on the display size. Just remove the media query:
.main-navigation { text-align: center; } .main-navigation ul { display: inline-block; }As for the other questions can you actually repost this in the CSS Customization Forum:
https://en.forums.wordpress.com/forum/css-customization
Our CSS support team asks that all questions CSS-related be in that forum.
Thank you!
- The topic ‘Suits theme customization’ is closed to new replies.
WordPress.com Forums 