After updating theme (4.0.4) and plugins have three minor spacing issues

[csloan]

I just updated the main theme to 4.0.4 and all active plugins have been updated as well.  But ran into three minor formatting issues. Screenshots attached show issues best.

 

1. There is an extra space at the top of the Top Menu in the light grey area.  See screenshot.  How do I get rid of this (so that the social media links are at the top of the page with no grey above them)?

2. I used Visual Composer to add the image of a marijuana leaf at the bottom of the home page.  I just added a Row and made the background image of the row the image I want…worked great.  Before the updates today the image fit in there perfectly and the bottom of the image met the top of the dark grey footer area.

After the update, the image became zoomed in a was parrallaxing.  So I turned off the parrallax feature, but it was still doing it…and any adjustments to the image still made it appear far too zoomed in.

So I just added a “single image” element and turned off the background image of the row.  That worked, BUT it created this extra dark grey space between the bottom of the image and the top of the footer.  See screen shot

3. There is now a blue bar at the bottom of the home page slider.  I know why it’s blue….but that extra space should not be there.  Was not there before update.  See screen shot.

 

Attachments:

You must be logged in to view attached files.

[csloan]

I found the element causing the issue, but I don’t know how to delete it (if that’s what should be done). It is:

SEE SCREEN SHOT ATTACHED.

I also tried adding this to both the Edit CSS and Custom CSS areas of the theme, but did not work:

.top-bar #top-social{
display:none;
}

Attachments:

You must be logged in to view attached files.

[csloan]

Sorry the code in the previous message didn’t display….the code I want to delet is:

<div id="top-social" class="col-sm-12 col-md-5 no-padd hidden-xs hidden-sm"></div>

[Radu]

HI,

The topbar can be hidden with this

COPY CODE

div#top-social {
    display: none !important;
}

Next time try with important declaration.

Fo this issue : https://cdn.seventhqueen.com/sq-support/wp-content/uploads/2016/04/bottom-of-rev-slider-spacing-issue.png i think you will have to set from row that contain the slider margin bottom 0, same as in the last row, check the row settings and look for any padding or margin.

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[csloan]

The first code, with the important declaration, worked…thanks!

As far as the other two issues, no, didn’t work. I tried setting the bottom margin for the row to 0 (but was blank anyway) in both instances (rows), slider and bottom image, and no luck. See attached screen shot….see if I did what it was you were explaining to do.

I know that the extra gap issue at the bottom of the page is related to the image though because I set the style from “footer” to “socket” in the row element just to test, and the extra spacing I want to delete changed to the blue of the socket. I have since changed it back to the footer grey.

Attachments:

You must be logged in to view attached files.

[Radu]

This reply has been set as private.

[csloan]

Did you fix this Radu? Because the two extra spacing issues (slider and image above footer) are gone now.

I’d just close this ticket….but am curious if you did something…and if so, what? If you didn’t…then that’s weird! 😛

[Radu]

Hi,

Yes i’ve did that it was somewhere a minimum height :d

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts