Front page small visual issues

Just a couple of quick questions. I am using the photography demo. My link is: mikeince.com

The issues are at the bottom on the 8 squares. WIth the rose, horse, and alternating text headers, very similar to the demo. 
1. I have that extra space on the bottom of all the text boxes with the dark grey backgrounds. Why is that? I checked a few things but cant figure out whats adding that. I want those square, like the images.

2. How do I disable being able to click on the images? I do not want the magnafying glass to show up, or it be clickable. (these are inside of a image holder inside of the wrap. I noticed you had the images on demo as the wrap background, but I didnt like how it it enlarged, so I did it this way to keep the entire image showing no matter the page size)

3. If you look close at the 4 images use (horse, jeep, prints, rose) Theres a tiny border, how do I get rid of these. At the end of the day I want 8 squares, all touching, same size.

Comments

  • Hi,
    1) http://prntscr.com/m1l4gl
    It looks like this because wraps with image want to be equal with height to the boxes with text and your image is too small.
    The wrap background image(as you said in the second question) should fix this problem.

    2) You can disable it in Theme Options > Addons & Plugins > Addons
    Tick the "Disable" in "Lightbox" section.
    http://prntscr.com/m1l5h9

    3) This is not the border, it's a margin of these images/boxes.
    There will always be a little bit gap, but I can help you to make it as smaller as possible.
    First, please edit your section and select these two options
    http://prntscr.com/m1l6w7
    and for images, select the "stretch" option to "yes" http://prntscr.com/m1l6w7
    http://prntscr.com/m1l7b4

    Thanks
  • edited January 2019
    Thanks! I got the front page looking good now. I actually started over because I think I messed with a few other small options. Looks good now though, thank you.


    How do I turn that off so the featured image is not popping up in a lightbox either? I checked in theme options under blog and didn't see a similar option to above.

    On those same front images at the bottom, https://mikeince.com/  I am using, the same size images as your demo, which was 780 x 780 pixels. However, as is, its a pretty zoomed in area on that square. A lot of the image is cut off, even on big screens. Is there a way to display more of the image and not so zoomed in on that square area/image?
  • 1) To disable that, you have to go to Theme Options > Global > General
    and change the "Style" of Image Frame to "Disable hover effect"
    https://i.imgur.com/5VOt307.png

    2) Change the "Background | Size" in the wrap settings to Cover
    https://i.imgur.com/9tazIFY.png
    It should display your images properly now.

    Thanks
  • Great thanks! Those are taken care of. A few more questions. Easy stuff.

    1. How do I change the background of this top menu on the main menu, its dark grey right now. I cant seem to find that option. https://mikeince.com/

    2. On the front page (same link) you can still click on those 3 main images, below the slider to have them pop up in a lightbox. Which option disables these ones from popping up seprately?

    3. On the portfolio page, when you hover over a gallery to enter, the line pops up above the title of the gallery. How do I change the color of that line? https://mikeince.com/portfolio/

    4. If you look at my blog page: https://mikeince.com/blog/ you will see the theme has a white box around the grid of the blog, but the text is also white with the title of the blog. How do I change just these titles on the blog so you can see them again.Thanks for all your help on this, I really appreciate it all. You guys are rocking it!






  • 1) Please go to Theme Options > Colors > Header
    Change the "Header background"

    2) It should be disabled after disabling it in Theme Options > Global > General
    Also, be sure that field "Zoomed Image" in Image settings is blank

    3) This color is a Theme Background color.
    Theme Options > Colors > General
    But if you don't want to change the theme color and change this line color, please use this custom css.
    body.page-template-template-portfolio .line{
    background:red !important;
    }

    Paste it to Theme Options > Custom CSS & JS > CSS.

    4) I do not understand.
    I can notice the white box around the grid, but text isn't white, it's black.

    Thanks
  • As far as number 4, I see your screenshot. Mine doesnt appear like that. Text is white on mac safari, and firefox, and my iphone. However, it appears like yours on my iPad. I did just clear all cache, and same thing not showing up on my mac. Any ideas?
  • edited January 2019
    It was the cache problem from my side.
    It looks like you said now.

    Your H2 color is white, so please change it in Theme Options > Colors > Headings.
    or use this custom css:
    body.blog h2 a, body.blog .post-excerpt{
    color:black !important;
    }
    Thanks
  • 1. Fix, thanks!
    2. Not sure why this isn't working! My options on the image setting are like you said, blank field, disabled. And I also have it disabled on the theme options, global. Could it be something else? It seems like a global setting, because on my about page, that image is clickable with the magnafyingglass too.
    3. Done, thanks!
    4. Fixed, that worked easy, thanks!
  • Hey,

    Please send us WordPress dashboard access privately thru the contact form which is on the right side at http://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

    Notice!
    Please attach a link to this forum discussion.

    Thanks
  • Sent the info now. Login:
    mikeince.com/wp-login.php

    If we could solve before weekend that would be awesome. THanks!
  • I disabled all of the plugins and everything works.
    Also, the plugin which is making this issue is named ""Meow Lightbox"" - I disabled it.

    Thanks
  • edited January 2019
    Ok thanks. Can you tell me how I can disable the share icons on the bottom left of the blogs?


    Also, right below that, how can I hide the avatar, and author name. I don't want either of those showing either.
  • Please go to Theme Options > BLog, Portfolio & Shop > General
    and change the "Share Box" option to "Hide"

    Thanks
  • THanks again.

    Can you tell me why my portfolio page isn't centered like the rest of the pages.Need to view full screen on a large monitor to see what I mean..

  • Hi,
    Sorry, but I do not understand what you mean.
    You want to align the text to the center?
    Can you explain me it more greater?
    With screenshots if possible.
    Thanks
  • imageWhen the portfolio page is full screen on a large monitor the page is not centered anymore. See attachment: https://mikeince.com/screen-shot-2019-01-15-at-8-59-28-pm/

    Also, on that same portfolio page, how do I change the font that appears over the portfolio image? Just that specfically.
  • Hi,
    That's because the image is in the <img> tag.
    To fix it, please paste this CSS into the Theme Options > Custom CSS & JS > CSS
    .portfolio-item img{
    width:100% !important;
    }
    Thanks
  • Got it. Thank you. How do I change the font that appears over the portfoilio title? The text that has the line appear over it on the rollover.
  • Hi,
    It's the heading tag, so you can change the font family in the Theme Options > Fonts > Family.
    Change the "Big Headings" font.
    Thanks

  • Ok. THanks for all your help!

    I am going to make my front page, like the portfolio page, except with the bottom content of the home page currently.

    I tried to add content to the portfolio page, which uses the portfolio template, but it adds content ABOVE the actually portfolio. I want it BELOW the portfolio images.

    So I tried to build a new page and the page looks how I want, except the portfolio cover images do not appear at 100% with, like the bottom content.

    I like my portfolio page diesplayed like this: https://mikeince.com/portfolio/ (I like the full width)

    I tried to mimic this on a new page: https://mikeince.com/newporthome/ The bottom boxes appear exactly how I want, but the portfolio covers arent 100% wide.

    Which is the best way to achieve this?

  • You should edit the section with these images and tick on the "Full Width" option on the bottom of the section editor.


    Thanks

  • Looks set now. https://mikeince.com/

    How do I get rid of the header text on the home page now so that doesntdisplay at the top of page?
  • Hi,
    This text is the subheader.
    You can hide it while editing this page - just scroll down and you'll see the "Subheader | Hide" option, turn it on.

    Thanks
Sign In or Register to comment.