Title Alignment, Icons, and other things

GSG · January 2015

Sorry to bombard you, I found most of the code changes in your forum that I wanted but these issues below I could not find.

Interior Page Header Image

1. The image tiles on large computer screens how do we stop that?

Fancy Headers

2. I would like to align the Fancy Headers to the left

Photo Box

3. I would like to align Photo Titles to the left

4. I would like the title not to be displayed when you hover. I tried this code and I can still see the link.

.image_frame .image_wrapper .image_links { display: none !important; }

See bottom of page here: http://test.thegetsmartblog.com/?page_id=6027

5. I would like to hide or remove icons (phone icon & author icon in comment box)

6. I would like to hide shopping cart icon to the right of the navigation

Navigation

7. We do not want a logo in the navigation, we would like to move the menu to the left and increase the font size of each page how can we do that?

Header Layout

8. I would like to remove the header images & options from the theme admin panel

Appearance

9. I would like to remove the BeTheme Demo Content text from the theme appearance menu

Child-theme

10. If I want to use a child theme instead of the custom css box in the admin panel will that cause any issues? We want updates to be as easy as possible.

Albert · January 2015

1. We do not understand this question.

2. .fancy_heading .title, .fancy_heading_icon .icon_top, .fancy_heading .inside { text-align: left; }

3. .wp-caption-text { text-align: left; }

4. Above css must work because we do not have any other css for that.

5. Please show us where you got this box.

6. Theme options > Getting started > Shop section.

7. Please send url to page.

8,9. This is not possible.

10. Should be fine but please check before you will start working.

GSG · January 2015

1. At the top of this page http://test.thegetsmartblog.com/?page_id=6064 the header image is repeating on large monitors. I would like it to stretch rather than repeat.

3. The photo box titles are not aligning to the left, please look at volunteer and Membership images at the bottom of this page http://test.thegetsmartblog.com/?page_id=6064

4. It worked now.

6. I don't have a shop option under Theme options > Getting Started. I have General, Sidebars, Blog, Portfolio, Sliders, Under Construction

7. http://test.thegetsmartblog.com/ In the site navigation we have removed the logo and would like the title of the pages to be larger.

Albert · January 2015

1. You must upload larger image if you don't want this image repeat.

3. .photo_box { text-align: left; }

6. It means you have old theme version.

7. Do you mean "menu items" larger or what?

GSG · January 2015

1. What is the image size

7. Yes I want "menu items" font size larger and I want to move the menu items to the left more so we can add another menu item.

Albert · January 2015

1. We use full HD size. 1920px width.

2.

#Top_bar .menu > li > a span { font-size: 18px; }
#Top_bar .logo { display: none; }

GSG · January 2015

You have been great! One more question, for now, the drop down menu items are a larger font then the menu bar how do I control their size?

Albert · January 2015

Submenu items size, you can control with below css:

#Top_bar .menu li ul li a span { font-size: 10px; }

GSG · January 2015

Thank you, that worked.

I have one more issue, sorry.

When we adjusted the size of our header image to 1920px it pushed the image down into sub-header and now the image is behind the sub-header text.

How do I...

1. Align the header image left instead of center? (It is cutting off the logo we have on the image and if we align left will it affect our slider on the home page?)

2. Bring the image above the sub-header text?

Here is a page to see what I am talking about http://test.thegetsmartblog.com/?page_id=5962

Thanks?

Albert · January 2015

1. To align header image to left, you must use below css:

body:not(.template-slider) #Header_wrapper { background-position: left top; }

2. This is probably because you had setup transparency to 0 for subheader in Theme options > Layout > Header section. You can also change subheader color with below css:

#Subheader { background-color: #000; }

GSG · February 2015

Thanks for all of you help we need to change some additional items.

1. I would like to remove the hearts and counter from the portfolio and blog posts ex. http://test.thegetsmartblog.com/?page_id=5537

2. I would like to remove the date from the portfolio pages. We have removed it from single portfolio posts. In the list view the date is to the right and we want the text to fill that space below the image with no date. http://test.thegetsmartblog.com/?page_id=5824

3. I would like to remove published by, author name, and author icon from blog posts and blog page

Albert · February 2015

1. To remove hearts, please use below css:

.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love { display: none; }

but we do not see any counter so we don't know which one you mean.

2. To remove date from portfolio page, please use below css:

.portfolio_group .portfolio-item .desc .details-wrapper { display: none; }
.portfolio_group .portfolio-item .desc .desc-wrapper { margin-right: 0; }

3. This can be done with below css:

.post-desc .author-date .post-author { display: none; }

kahsay · February 2015

Hello Muffingroup,

I just love everything about Betheme. Quick question regarding the answer to the question you gave to GSG. I want to do the same thing but can you walk me threw adding this css. Were in the theme should I add both of them. Having the same problem in my "Portfolio" pages. Hearts, Date and Author.

Best,

Kahsay

GSG · February 2015

Kahsay,

You can add it to a child theme or the custom css & js area under Appearance > BeTheme Options > Layout in your admin panel.

GSG · February 2015

On the the blog page there is the filter option at the top, it allows you to filter by the authors and you can see their names. How can we remove author from filter options?

Albert · February 2015

@kahsay Each css should be always placed in Theme options > Layout > Custom CSS & JS > Custom CSS section.

@GSG Please send us url to page where you got this author filter and we'll have a look.

GSG · February 2015

It is on this page http://test.thegetsmartblog.com/?page_id=7299 under the three blog category boxes and above the blog posts.

When you click on authors the author names appear beneath. I want the author link and author names removed.

Thanks!

Albert · February 2015

@GSG To remove authors from this page, please use below css:

#Filters .filters_buttons li.authors { display: none; }

Title Alignment, Icons, and other things

Comments