Front page small visual issues

Spike · December 2018

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.

Pablo · December 2018

Hi,
1) [Links visible only for registered users]
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.
[Links visible only for registered users]

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
[Links visible only for registered users]
and for images, select the "stretch" option to "yes" [Links visible only for registered users]
[Links visible only for registered users]

Thanks

Spike · 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.

On my blog page: [Links visible only for registered users]

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, [Links visible only for registered users] 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?

Pablo · January 2019

1) To disable that, you have to go to Theme Options > Global > General
and change the "Style" of Image Frame to "Disable hover effect"
[Links visible only for registered users]

2) Change the "Background | Size" in the wrap settings to Cover
[Links visible only for registered users]
It should display your images properly now.

Thanks

Spike · January 2019

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. [Links visible only for registered users]

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? [Links visible only for registered users]

4. If you look at my blog page: [Links visible only for registered users] 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!

Pablo · January 2019

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

[Links visible only for registered users]

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.

[Links visible only for registered users]

Thanks

Spike · January 2019

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?

Pablo · 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

Spike · January 2019

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!

Pablo · January 2019

Hey,

Please send us WordPress dashboard access privately thru the contact form which is on the right side at [Links visible only for registered users] and we will check what might be the reason.

Notice!
Please attach a link to this forum discussion.

Thanks

Spike · January 2019

Sent the info now. Login:

mikeince.com/wp-login.php

If we could solve before weekend that would be awesome. THanks!

Pablo · January 2019

Spike

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

Spike · January 2019

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

[Links visible only for registered users]

Also, right below that, how can I hide the avatar, and author name. I don't want either of those showing either.

Pablo · January 2019

Please go to Theme Options > BLog, Portfolio & Shop > General

and change the "Share Box" option to "Hide"

[Links visible only for registered users]

Thanks

Spike · January 2019

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..

[Links visible only for registered users]

Pablo · January 2019

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

Spike · January 2019

When the portfolio page is full screen on a large monitor the page is not centered anymore. See attachment: [Links visible only for registered users]

Also, on that same portfolio page, how do I change the font that appears over the portfolio image? Just that specfically.

Pablo · January 2019

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

Spike · January 2019

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.

Pablo · January 2019

Hi,

It's the heading tag, so you can change the font family in the Theme Options > Fonts > Family.

Change the "Big Headings" font.

[Links visible only for registered users]

Thanks

Spike · January 2019

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: [Links visible only for registered users] (I like the full width)

I tried to mimic this on a new page: [Links visible only for registered users] The bottom boxes appear exactly how I want, but the portfolio covers arent 100% wide.

Which is the best way to achieve this?

Pablo · January 2019

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

[Links visible only for registered users]

Thanks

Spike · January 2019

Looks set now. [Links visible only for registered users]

How do I get rid of the header text on the home page now so that doesntdisplay at the top of page?

Pablo · January 2019

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.

[Links visible only for registered users]

Thanks

Front page small visual issues

Comments

This website uses cookies