Help with Sela Theme :)
-
Hello,
I would like to change all the text on my blog to black and would like to center my blog post titles. I have the css upgrade, but just need help as to what code to use and where to put in in the css text. I am using the Sela theme.
Lastly, my photos should be showing at 700 in size, but I noticed that have become smaller. Is there a way to adjust the width of these of the main column with this theme?
Thanks for your help!The blog I need help with is: (visible only to logged in users)
-
The following, I think, will change all the text in your site to black.
body, button, input, select, textarea, a, .page-title, .entry-title, .entry-title a, .main-navigation li.current_page_item > a, .main-navigation li.current-menu-item > a, .main-navigation a, .social-links ul a:before { color: #000; }The font used for all the above has a font weight setting of 300, which is “light”. If you wish to make the stroke of the letters normal, add this to the above rule.
font-weight: 400;
The following will center align post and page titles..page-title, .entry-title { text-align: center; }On the images, there is 146px of left padding in .entry-body. Add the following to get rid of that and have your images at 700px wide.
.entry-body { padding-left: 0; } -
I have on other question. Is there a way to make the blog titles smaller and more left aligned than they are now?
Thanks!
-
Add the following rule to the existing .page-title, .entry-title selector to change the font size.
font-size: 24px;24px is current font size. Adjust it to your preference.
—
To make the title more left aligned, reduce the left margin in the following rule:
.blog .without-featured-image > .entry-header, .single .without-featured-image > .entry-header, .archive .without-featured-image > .entry-header, .search .without-featured-image > .entry-header { margin-left: 146px; } -
Thanks for your help. However, the css code makes the top entry left aligned (picture, page break and title) and the title for all other entries, but the images are all the same for all the other entries. (please refer to my blog).
How can I fix this so that the format is uniform for all blog posts?
-
Or if I correct some of the previous blog posts, will this code only work on blog posts from this point forward?
-
Sorry for so many replies, but I removed the code, so you wont be able to refer to it. However, I noticed that after I made the change the blog title and first image have an extra space in between. Can you help me with that as well? Thanks!
-
The following style I gave you once added and adjusted the left margin, (146px is the current left margin), will move the post titles to left depending on the value of the new margin-left.
.blog .without-featured-image > .entry-header, .single .without-featured-image > .entry-header, .archive .without-featured-image > .entry-header, .search .without-featured-image > .entry-header { margin-left: 146px; }So this won’t affect images.
Or if I correct some of the previous blog posts, will this code only work on blog posts from this point forward?
Any CSS we add will affect the relevant styles for all the applicable items like posts or images etc, not just the going to be added items.
However, I noticed that after I made the change the blog title and first image have an extra space in between.
I don’t notice any space changing between the post title and the first image as a result of the above CSS. Could you please double check :-)
-
I did place the code and did not notice the same issue. Last time it only seemed to change a few of them and messed with the alignment of a handful of my pics. That could have been my mistake.
I do have one more small question though. The latest entry I posted seems to have an extra space between the title and the image when compared to the previous posts. I went into the post to edit and deleted any spaces I could, but I still see it on the front end. Is there anything I can do to eliminate this space?
-
There is something special about second post. It is not evident though.
Do you know why is there a black border around the image in the second post?
-
The latest entry I posted seems to have an extra space between the title and the image when compared to the previous posts
This one?
http://thechicstreet.com/2015/01/31/my-style-material-girl/The difference is that the class “aligncenter” is set for the image itself in that post, and the “aligncenter” class has a top & bottom margin set for it in the theme like this:
margin: 1.5em auto;To get rid of the extra spacing, edit the post, click on the image, and uncenter it. Then center the surrounding paragraph without centering the image. Or, remove the image, create a centered paragraph, then re-insert the image making sure to select “None” for the image alignment when it is inserted. Or, you could get rid of that padding for all centered images (but that may cause other problems, so be careful) like this:
.aligncenter { margin: 0 auto; } -
I am using the sela theme and have been adjusting using CSS but I can figure out how to reduce the spacing between the “logo” and the feature image”
-
I looked at https://ivoryhousecreative.wordpress.com/ and it looks like you’ve possibly added a header image and a site logo and the custom CSS you’ve added so far is confusing the targeting for some of it. For example, in the “.site-branding” block, this line is blocking the header image from showing:
background: #fff;which is also causing some of the other rules not to take effect, like this one:
background-size: cover;I would recommend:
1. Pick a header image or site logo: keep one and delete one in the customizer settings
2. Remove the “.header” and “.site-branding” CSS you were using before
3. Reply back here so someone can help you after the logo or header is in a better situation—otherwise, it’s hard to know what to target -
Hello,
I am back! LOL
I started looking at my theme again and wanted to make some changes, but I am so lost on how to do so. I noticed when I chose the theme that there was one main image with a menu above it and then thumbnails for blog entries below that one large image. I guess my question is how to make my blog look more like this? I know it is such a general question, but I need some guidance.
Thanks!!
-
@mirandatcs, the Moka setup page should get you going on getting everything set up to look like the demo site.
-
I have on more question about my new theme, Moka. Is it possible to add a widget to the coding for related posts and thumbnails? I just feel that there is a lot of space between each post and would like to put something in that area.
Thanks!
-
@mirandatcs, since you are using a different theme now, and since CSS is generally theme specific, can I ask you to create a new thread in the CSS Forum. Many thanks in advance.
-
Question about the calendar widget on Sela. Mine seems to only show 6 of the 7 days, no matter where I place it. What should I resize the calendar to? http://www.preservationinpink.wordpress.com
Thank you!
Kaitlin -
Hi Kaitlin, I’m seeing all 7 days now, but don’t see any custom CSS related to that. Did it just magically fix itself, or was it something else?
-
Hello! I need help getting my blog home page looking like de DEMO of the Sela Theme.
I get how the 3 widgets work. But ill like to get the heather image below de menu, and the contact menu on the bottom of the demo.
Can someone help me please!
this is my blog (i am very new at this and not knowing its getting me crazy!)
- The topic ‘Help with Sela Theme :)’ is closed to new replies.
WordPress.com Forums 