ErnestClose

@stephencottontail, Yes you answered the question, but you did not solve the problem. You actually created an even bigger problem by applying a color style to that class. It has nothing to do with changes after the fact, because those size classes are built into the theme’s grid system and will be used for everything that has to display at that width. Also given the fact that the theme is responsive and that those classes can be nested, it could cause unwanted behavior at different screen sizes. A quick look at the theme’s code would have made you aware of this.

Hi, yes. Just add this to your custom css:

.post-meta .post-category a {
    font-size: larger;
    color: #000;
}

This will make the color black, but because the hover state is already black you might want to add another color for that like this:

.post-meta .post-category a:hover {
    font-size: larger;
    color: #777;
}

This will make the color slightly lighter for the hover state.
Also remember to remove the “display: none” from the post-category class.
Let me know how this works for you.

Regards

Ernest Close

Hi stephencottontail,
setting color on either .six or .columns is not a good idea as it is for size and not style. Those classes are used throughout the theme and then you will get color where you do not want it. Rather set color on the content like .article-content which is meant for styling.

Hi khailz, I like that you’re doing a gaming site.
Firstly six and columns are two classes. six is the width and columns is the position. I’m guessing what you are looking for is article-content. You can add some css to your custom styles to change the background color like this:

.article-content {
    background-color: rgba(47,47,47,0.5);
    padding: 20px;
}

“rgb” will set the color and “a” 0.5 the transparency, that way you can still show off the nice graphics, but make the page more readable.

Play with the colors and transparency till you get something that you like.
I’ve added some padding – 20px to give the content some room so the color does not go flush against the content.

Let me know how this works for you.

Regards

Ernest Close

Always a pleasure.

Hi Todd, you can do this by adding some styles to your custom css.

.post-meta .post-date {
    float: left;
    font-size: larger;
    color: black;
}

you can either specify the font size like I did above or by a size in pixels like 18px and the color black or #000 or whatever you like it to be.
Let me know how this works for you.

Regards

Ernest Close

Hi cmwalsh, if your theme does not have the settings to remove or hide the featured image you can easily do it with some css.
Add this to your custom css:

.single-post .featured_image {
    display:none;
}

Let me know how this works for you.

Regards

Ernest Close

Always a pleasure.

First check that the page is not in the browser cache and if not then add !important to it like this.

.row {
    max-width: 1200px !important;
}

This style is actually in the framework.css file, but I added it to styles.css and it worked from there.

Yes I used chrome, that could make a difference. You can still alter alignment for other items in the sidebar with css. Just use there specific classes to change the alignment on individual items.

Glad I could help.

Regards

Ernest Close

Hi g0nzal3z, you can add this to your custom css:

.row {
    max-width: 1200px;
}

At the moment it is set to 800px which is a bit narrow, I tried it on 1200px and looks good on my hires screen, but you can make it anything you like.

Let me know how this works for you.

Regards

Ernest Close

Even beter, you could do this:

#secondary {
text-align: center;
}

This will center everything in the sidebar. Browser support for the calc() function in not that good yet so this option might be better.

Regards

Ernest Close

Glad I could help. cheers ??

Hi, yes I see the buttons and the text tiles are to the left while the search bar and star icon is centered. You can use this code in your custom css to align the buttons to the center:

.bavotasan_custom_text_widget .btn {
  margin-top: 20px;
  margin-left: calc(50% - 178px/2);
}

and for the text titles you can add this:

.widget h3 {
  text-align:center;
}

This way it will be centered even in tablet and mobile view.

Let me know if this works for you.

Regards

Ernest Close

Must be, I opened it again in firefox and tried different view sizes to see if it’s the responsiveness, but it displays perfectly every time.
Maybe disable all firefox extensions and test again.

Hope you find the bug.

Regards

Ernest Close