The green highlighted area, how to I give more spacing between the sidebar and content?
The blue highlighted area, is there a way to change the button under the search to be on the side instead, even if that means adding a loupe icon instead of text (that would actually be better). This is for woocommerce product search.
Since you will be looking at it, I cannot find the settings to make the background of the sticky header and the dropdown menus slightly transparent, as you can see here: https://goo.gl/G3AX2b
The second link was the first trial of using your theme, but we used a demo to begin with. In the first link, no demo was used. If you could also give me a hint on how to make those slightly transparent, that would be great. Thank you VERY MUCH!!!
I cannot apply a Custom CSS for it, because name of this class is this same, so if I'll give this more space, every div with this name will be spaced a little.
2) You can change a color of header(sticky header) in Theme Options > Colors > Header >
1. First thing I have found that wasn't well thought with your theme That is sad...
2. I understand the color, but wasn't talking about the color, but the TRANSPARENCY of the sticky header.
3. Also, on the HOME page, I would like to have the header transparent or semi-transparent. Is that possible.
Sorry for asking all at once, but this is taking a bit long and I have 3 themes to chose from for this project. I like BE the best so far, so I am really trying to finish it before the others, so I don't have to continue with them. Thank you.
Okay, let me make it easier for you, so there are no missing anwers:
1. Post number 6, I also asked the following, regarding this picture (https://imgur.com/a/XcRj4n1) : "The blue highlighted area, is there a way to change the button under the search to be on the side instead, even if that means adding a loupe icon instead of text (that would actually be better). This is for woocommerce product search."
2. On the HOME page of this site (https://goo.gl/SP9zTR just to to the home), there's a slider. How do I make the header transparent or semi-transparent?
3. Could you please put a request for a future update of the theme, a way to change the padding between the side bar and the content without affecting everything else? Every other theme I have worked with allow you to do this, even with CSS without affecting anything else. I think that would really be great to many users.
1. No. Inside the side bar, there's a search feature, with a search button. I need to have the search button to be next to the search input field, as you can see here: https://www.hubertgem.com/company/about/ so the button is inline the search form, instead of the bottom. It would be better yet if instead of the SEARCH word, the button would have only a loupe icon.
2. Wow, that's not it either. I have to work in my communication skills, a whole tread and I got nothing solved and I could only make you understand 10% of my questions... sorry about that.
2. That does not work the way intended. It makes the header COMPLETELY transparent on the revolution slider (I wanted semi transparent, with a white background), but worst of all, all other pages, without revolution slider, the title bar is shown on top of the logo and menu. No go with the option you gave me... I only need the semi transparent for for the main home page.
3. How do you change the font size for the footer menu widget? They are too big right now and I would like to make it smaller.
4. Recent articles widget, is there a way to make the fonts of the date under the title smaller using CSS? If I change the font size using theme option, it will change the font size of other items I don't want to change.
2) Theme Options > Header & Subheader > Header, there will be Minimalist option, select the Minimalist without Header space and copy this Custom CSS code
To have only that MAIN home page with the semi transparent header, and the remaining pages remaining the same, what do you think I should do. The customer is really pushing for that header being semi transparent in the main page, for impact...
That is great for the main page, but all other pages end up showing a really large header space. Nowhere in the theme documentation or options there's an explanation on how to change such space.
I really don't get this theme when it comes to these changes.
The customer wants a small header, small tittle, but it is like, be theme does not allow you to do this.
Comments
#woocommerce-product-search-field-0{
width:65%;
padding-top:12px;
float:left;
}
Minimalist option, select the Minimalist without Header space and copy this Custom CSS code
#Top_bar{If this code above will make troubles, use this one below, but it'll work only when stickybackground-color:rgba(255,255,255,0.6) !important;
}
#Top_bar.is-sticky{background-color:rgba(255,255,255,0.6) !important;
}
3) You have to use Custom CSS.
.desc h4{font-size:11px !important;
}
Cheers