More Hueman customizing questions

tspnyc
(@tspnyc)

8 years, 3 months ago

OK. It looks like I am going to go with this theme for my new an improved website.

BUT

1) I need to make the “Tag line” MUCH larger. I am using a Logo, which could also be bigger. But that means the Tag Line becomes the Title of the page.

So I need to double its size, make it bolder and stand out more.

2) I need to change the size of the sidebars. As of now the left side bar works well for embedded video that is 300 in width. But the right side one only allows 200 width videos.

So my list of videos is on the left side, when it really should be on the right side, as it is to visually distracting. And the bar with all the links, etc. needs to be on the right side.

I need to reverse the widths, so the wider bar is at the right side.

3) I also need to change the background color of the side bars from the sickly gray hue.

But being very much a novice in the world of CSS, html, etc. I have no clue of how to do this.

PS – I am using a child theme.

Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

bdbrown
(@bdbrown)

8 years, 3 months ago

Hi tspnyc. If #2 is a requirement then, in my opinion, that’s a show-stopper. The theme is designed with fixed-width sidebars. To change them you would need to basically rewrite the theme structure and the related css. Many users on the forum have raised sidebar-width-related questions and I’m only aware of one user that was successful, and that was in making them both the same size as the secondary sidebar. It certainly can be done but it’s a significant amount of time and effort. Personally, if that were a requirement for me, I’d look for a theme that had variable-width sidebars. But that’s just me.

Thread Starter tspnyc
(@tspnyc)

8 years, 3 months ago

Thanks

I THOUGHT I managed it by pasting some code from the responsive.css into my style.css, which listed the widths of the sidebars.

But no it did not actually work once I updated the site.

So I changed the set up to put both sidebars on the right side and THAT actually puts the video bar on the extreme right where it belongs.

So I will leave it at that for now.

The site by the way is tspguitar.com

I still need to change the size of the Tag Line in the header.

Here is the code I was trying to manipulate – showing the width of Side Bar 2, which appears on the right side when in a 2-bar-middle-content set up.

Just in case anyone has a way to use the code to change the width.

I changed the widths from 260px to 340px and it actually looked like it changed it in my demo. But when I published it did not actually work.

Here is an example of the code I found showing the color and width of 2nd Sidebar, which is on the right side.

I have made the section where it shows color and width in Bold and Italics.

/* ————————————————————————- *
* Toggle Sidebar s2 : 1200px > 480px
/* ————————————————————————- */
@media only screen and (min-width: 480px) and (max-width: 1200px) {

.container { padding: 0 10px; }

/* s2 general */
.s2 { width: 50px; }
.s2 .sidebar-content { display: none; float: left; width: 100%; }
.s2 .sidebar-toggle { display: block; }

/* s2 expand/collapse */
.s2-expand .s2 { background: #f0f0f0; position: absolute; top: 0; bottom: 0; width: 260px; margin: 0!important; z-index: 9; overflow: auto;
-moz-transition: width .2s ease; -webkit-transition: width .2s ease; transition: width .2s ease; }
.s2-expand .s2 .sidebar-content { display: block; min-width: 260px; }
.s2-collapse .s2 .sidebar-content { display: none; }

There is more code that also needed the numbers changed from 260 to 340. But it no affect.

Thanks
bdbrown
(@bdbrown)

8 years, 3 months ago
Try this for the logo and title:
```
.site-title a img {
    max-height: 200px;
}
.site-description {
    font-size: 48px;
}
```

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘More Hueman customizing questions’ is closed to new replies.

Tags