Reduce columns in categories, centering text and removing gray line.

yinanxia · February 2020

Hi!

I'm trying to style a few things on the blog and I tried a number of settings in appearances/blog settings but couldn't figure out how.

1. Currently there are 5 columns for the categories. I would like to change it to 4 columns so that the 8 categories will fit nicely on two rows.

2. How do I center the title text/blurb in a blog post?

3. The love/comment bar - when I remove both, it still leaves a light gray bar and I can't seem to get rid of the gray bar in color #fafafa. It only reduces in height to about 5px.

Please see image attachment:

https://yinanie.com/wp-content/uploads/2020/02/Screen-Shot-2020-02-11-at-11.15.24-PM.png

Pablo · February 2020

Hello

1) It will not be possible, it's hardcoded in the theme.

2,3) Can you send me a link to that page?

I'll create a CSS code for yo.

Thanks

yinanxia · February 2020

Hi Pablo,

Please see where this occurs (where ever blogs are posted)

https://mollymymag.com/

https://mollymymag.com/my-society/

Noted on #1, thank you.

yinanxia · February 2020

Hi Pablo,

Also how do you style the text of a button to be more bold? Right now it's the right size but too thin.

https://mollymymag.com/wp-content/uploads/2020/02/Screen-Shot-2020-02-12-at-12.59.50-PM.png

Pablo · February 2020

Please paste that CSS code into the Theme Options > Custom CSS & JS > CSS

.post-desc{text-align: center !important;}

.post-desc .post-footer{display:none !important;}

About that button, where is it?

Thanks

yinanxia · February 2020

Any of the active buttons - right now the font is really thin, I'd like it to be a heavier weight? For example, the Shop All button on the homepage of mollymymag.com

thank you! And thanks, the CSS worked!

yinanxia · February 2020

Hi Pablo,

One more question: my blog title seems to be stuck at H3 even though in the Betheme Theme Options I changed it to H4. I had originally just set H3 smaller but then in suggested posts it's linked to H4, which means the two places have different font sizes.

Is there a way to fix that? I'm referring to the font size for the titles like "Creamy Herbed Hummus" https://mollymymag.com/my-society/

Thanks.

Pablo · February 2020

1) Can you show me exactly which buttons? - on the screenshot.

There is no only one class for the buttons, certain items uses other CSS classes.

2) Do you use the "Blog" item? Options from the Theme Options will not work there, it's a independent item, it does not inherit options from the theme options.

You have to change that inside the item.

Thanks

yinanxia · February 2020

1) https://mollymymag.com/wp-content/uploads/2020/02/Screen-Shot-2020-02-14-at-1.01.11-PM.png

On the homepage: mollymymag.com

2) Ah, got it! It's working now. Thank you!

yinanxia · February 2020

I also noticed after I reduced the font size, there is quite a big gap in between the posts? Is there a way to reduce that? Please see attachment:

https://mollymymag.com/wp-content/uploads/2020/02/Screen-Shot-2020-02-14-at-11.38.49-PM.png

Pablo · February 2020

1) Please check this CSS code, it will make the font 'thiccker'

span.button_label{
  font-weight:800 !important;
}

2) Sadly, it will not be possible to decrease, it's all managed by the javascript and we cannot controll it with CSS.

Thanks

yinanxia · March 2020

Hi Pablo,

For some reason the top navigation bar on the normal navigation is different than a navigation bar inside a blog post. Is there a way to make them the same? Please see screen captures.

https://mollymymag.com/wp-content/uploads/2020/03/Screen-Shot-2020-03-10-at-10.53.48-AM.png

https://mollymymag.com/wp-content/uploads/2020/03/Screen-Shot-2020-03-10-at-10.53.57-AM.png

Thanks,
Yinan

Pablo · March 2020

Can you disable the under construction mode?

I have to take a look at the theme code.

Thanks

yinanxia · March 2020

Hi! Just turned off under construction mode.

Pablo · March 2020

Please go to the Theme Options > Blog, Portfolio & Shop > Blog and check, if you didn't include any layout id in single post section (it should be blank)

https://prnt.sc/req2ma

Thanks

yinanxia · March 2020

Hi! Thanks, I checked and the ID was blank but I noticed there was a default menu versus a "Main Menu", the main menu was something the original theme built. It worked when I selected the main menu instead of default.

https://mollymymag.com/wp-content/uploads/2020/03/Screen-Shot-2020-03-11-at-8.24.18-AM.png

Pablo · March 2020

Glad to hear that you solved it.

Is there anything else I can help you with?

Thanks

yinanxia · March 2020

Hi! Actually yes, I just installed Woocommerce, how do I remove this slash line where it says "Show all 4 results" and "default sorting" under the shop page?

https://mollymymag.com/shop/

https://mollymymag.com/wp-content/uploads/2020/03/Screen-Shot-2020-03-11-at-1.05.04-PM.png

Thank you.

yinanxia · March 2020

.

Pablo · March 2020

Please paste that CSS code into the Theme Options > Custom CSS & JS > CSS

.shop-filters{
	background-image:unset !important;
}

Thanks

yinanxia · March 2020

Hi Pablo,

How do I get rid of all of these styling on the ecommerce page?

https://kindnessuntamed.com/wp-content/uploads/2020/03/Screen-Shot-2020-03-21-at-9.35.35-PM.png

Also, I want to reduce the height of the blue part on all the headers, for both desktop and mobile. Please see mockup of about how much height I would like to have it. Thank you!

https://kindnessuntamed.com/wp-content/uploads/2020/03/Screen-Shot-2020-03-21-at-9.46.04-PM-scaled.jpg

https://kindnessuntamed.com/wp-content/uploads/2020/03/unnamed.jpg

yinanxia · March 2020

Also, for the top announcement bar, the text is not quite centered (it is a little bit but slightly more to the left). Is there a way to make it 100% centered?

https://kindnessuntamed.com/wp-content/uploads/2020/03/Screen-Shot-2020-03-22-at-11.01.04-AM.png

Also how do I center the text and Add to Cart buttons on the shopping page?

https://kindnessuntamed.com/wp-content/uploads/2020/03/Screen-Shot-2020-03-22-at-12.09.41-PM.png

Thank you!

Pablo · March 2020

1) The slash lines will be removed after applying CSS code from my previous answer.

To manage the style of hover or disable it, please go to the Theme Options > Global > General

https://prnt.sc/rl1dga

2) It's a subheader, you can manage the padding of that element in the Theme Options > Header & Subheader > Subheader

3,4) It's already set to be center with 100%.

It looks like it's not center, because there is a link button, which allows customer to close that announcement - see, i changed the bg color: https://prnt.sc/rl34s9

5) Please use this CSS code:

.products .desc{
  text-align: center !important;
}

.products .button{
	left:50% !important;
	transform:translate(-50%,0%)
}

Thanks

yinanxia · April 2020

Hi,

Is there a way to center this action bar text?

http://www.jet-tax.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-03-at-10.35.00-PM.png

http://www.jet-tax.com/covid19/

Thank you!

Bryan · April 2020

Hey,

try this

ul.contact_details { width:100%;}
ul.contact_details li {width:100%; text-align:center;}

yinanxia · April 2020

Hi there! I have a few more questions...

1. How can I add a thin pixel line underneath the nav bar so that it divides from the white background for both top and sticky nav? I'd like that thin line 1 pixel to be #DCBCAF

Please see example (that is in black line)

https://mollymymag.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-12-at-8.26.15-PM.png

2. Search - for some reason when I search blog related content (like Mother's Day), nothing shows up? Seems like search only pulls up WooCommerce products.

3. Is there a way to have a fade when there is a mouseover the blog post image? Please see example: https://mollymymag.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-12-at-10.13.45-PM.png

Thanks!

Bryan · April 2020

Hey,

1.

#Top_bar.is-sticky { border-bottom: 1px solid #DCBCAF !important; }

2. You have most likely the option set to find only products. Go to theme options>header&subheader>extras and check it out.

3. No, sorry there is no option for that, only for some blog styles, like masonry hover details.

thanks

yinanxia · April 2020

Hi!

Thank you!

1. For the thin border, I think actually it looked better without when the Nav is at the top... is there a way to do it where it only shows once you start scrolling?

2. For the search option, it is set to default (not the product only), not sure why it's not working then?

3. For some reason the add to cart buttons disappeared on my woocommerce:

https://mollymymag.com/product/my-mag/

https://mollymymag.com/product/t-shirt/

It was there previously, can't remember when this error happened. Do you have any suggestions on how to fix it?

Thank you.

Pablo · April 2020

1) Yes, of course - I updated the code Bryan sent, just copy and paste it once more.

2) Can you disable all of the plugins (leave only WooCommerce plugin turned on only), clear the cache of your browser and check, if the issue still exists.

3) Please check, if you didn't enable the "Catalogue mode" in Theme Options > Blog, Portfolio & Shop > Shop

https://prnt.sc/rywv3m

Thanks

yinanxia · May 2020

Hi there,

I'm trying to install a Betheme that I have from an old site that I no longer use to a new site I'm building. I deregistered and reset my wordpress on the old site, but the new one is still giving me a message that says "Purchase code already used. Please deregister purchase code and remove theme folder on: flavoruntapped.com"

The code I am using starts with 0ed067df *****

Can you please see if there's anyway to permanently deactivate it from my old site flavoruntapped.com?

Thank you.

Pablo · May 2020

If you are having issues with deregistering your license key, want to
manage your license key or most important, you want to deregister a
website that has been removed without deregistering it first, head to
this topic:
https://forum.muffingroup.com/betheme/discussion/36219/cannot-register-deregister-your-license-key-use-this-tool#latest

There you will find instructions and a link to our license tool.

thanks

Reduce columns in categories, centering text and removing gray line.

Comments