[Red]

Another Update: The background image disappeared from the blog page for some reason. I removed the blog page builder element completely to see if that might be the problem, so now I have no content on my page — yet the blog is still there!

I’m out of ideas, so I will have to wait for you. I will put the login info in a private message.

[Red]

Update: I managed to get rid of the sidebar and the masonry format by going to theme options> archive and categories> and changing the settings there, but there is still only an excerpt showing.

[Red]

Hi ~
I was able to center my logo and nav by following the instructions below, from this KB article:
http://support.swiftideas.net/knowledgebase/how-to-center-the-menu-and-logo/

“All you need to do is add the below to Flexform Options > General Options > Custom CSS:”

/* Full width logo code */
#header-section #logo {
width: 100%;
}
#header-section #logo img, #header-section #logo img.retina {
margin: 0 auto;
}

/* Full width menu code */
#nav-section {
width: 100%!important;
}
.nav-wrap {
float: none!important;
}
#main-navigation {
float: none;
width: 100%;
height: 48px;
text-align: center;
}
nav .menu li {
float: none;
}

/* Disable the nav search */
#nav-search {
display: none;
}

/* Responsive code */
@media only screen and (max-width: 767px) {
#header-section #logo img, #header-section #logo img.retina {
margin-bottom: 20px;
}
#main-navigation {
width: auto;
height: auto;
text-align: left;
}
}

Good Luck!

[Red]

Other websites appear to be their normal size, I think…I’ll have to look into a possible magnification issue.

Thanks, Grokism.

[Red]

I just want to add that the site has that “too wide” look in Firefox, IE10, Opera and Safari, but it looks perfect in Chrome.

[Red]

Hi,

Thanks for your help.

Here’s a link to the site: http://kitsummers.com/about-kit/

And here is all the custom code:

#header-shadow{
display:none;
}
.single-portfolio .media-wrap{
margin-top:0px;
}
.inner-page-wrap{
margin-top:0px;
}
article.type-portfolio .body-text{
margin-top:0px;
}
.alt-bg{
margin-top:0px;
}
.full-width-text{
padding-top:0px;
}

.no-arrow:after { /* Clear Full Width Text Arrow */
display: none!important;
}

.no-rev-spacing .media-wrap { display: none; }

#header-shadow{
display:none;
}
.single-portfolio .media-wrap{
margin-top:0px;
}
.inner-page-wrap{
margin-top:0px;
}
article.type-portfolio .body-text{
margin-top:0px;
}
.alt-bg{
margin-top:0px;
}
.full-width-text{
padding-top:0px;
}

.wpb_showcase_widget {
margin-bottom: 40px;
overflow: inherit !important;
}

#header-shadow{
display:none;
}
.single-portfolio .media-wrap{
margin-top:10px;
}
.inner-page-wrap{
margin-top:10px;
}
article.type-portfolio .body-text{
margin-top:10px;
}
.alt-bg{
margin-top:10px;
}
.full-width-text{
padding-top:10px;
}

nav a {font-size:20px !important;}

/* Full width menu code */
#nav-section {
width: 100%!important;
}
.nav-wrap {
float: none!important;
}
#main-navigation {
float: none;
width: 100%;
height: 48px;
text-align: center;
}
nav .menu li {
float: none;
}

/* Disable the nav search */
#nav-search {
display: none;
}

#header-section #logo{
margin:0px;
width:100%;
}
#logo img{
margin:0px auto;
}

Thanks again,

Red

[Red]

That’s intriguing…I did switch out and then delete a few plugins recently, but I have no idea which one it was that gave me a choice of font sizes. It was a nice thing to have…maybe something to consider for Flexform in the future?!

🙂

[Red]

Hi,

Thanks for your response.

To see what it’s like, just open a browser window and and then click “Ctrl/+” and then “Ctrl/ -”

The Ctrl + will magnify the site to what seems like it’s too large, like 110% or more. That’s what my site looks like.

Not sure it has anything to do with Flexform, but am unable to find an answer…? the site looks obviously wide to me and the person I’m designing the website for.

Red

[Red]

Try this (It’s not a short code, but it’s code that should work to achieve your goal until a qualified developer replies):

Within a text block, you can insert this code to get a full-width divider:

[divider type="thin" text="Go to top" full_width="yes" width="1/1" el_position="first last"]

This is only to be used with no sidebars, and with Standard/Thin/Dotted divider types.

So you can replace divider type=”thin” with divider type=”standard” or divider type=”dotted” as long as you don’t have a sidebar on the page.

Maybe that will do the trick?

Cheers!

[Red]

Hi,

This works for me to get full-width dividers:

I use the “divider” page builder element. When setting the options, for “full width” I choose “yes” from the drop-down.

“Select yes if you’d like the divider to be full width (only to be used with no sidebars, and with Standard/Thin/Dotted divider types).”

Hope that helps.

Red

[Red]

You’re welcome. I find that most of the changes I make in the color customizer don’t show up in the preview. Perhaps this is something for our developers to look in to???

Best,

Red

[Red]

Hi Renietsnurb,

Yes it is easy to solve, and that’s why I’m answering your question 🙂

Go to the “Color Customizer.” Then go to “Color:Page.” Then go to “Section Divide,” and enter the color you want.

That should do it!

Red

[Red]

Hi lesliemcdaniel,

As far as I know, videos can’t be uploaded to Media but they can go directly into a post or page via a few different methods.

Get the embed code and paste it into the text editor of a text box or content box; or use the video page builder element and enter the link as prompted.

Hope it helps.

Red

[Red]

Hi kwbalb,

By default, the Revolution slider adds a border. I’m not in support, but this happened to me and what I found was that I needed to go to “edit slider,” and then click on “appearance,” and then in “padding (border)” put “0.” The grey lines disappeared. Hope it works for you too!

Red

[Red]

I have no clue how to get the widget to work because I never tried it, but here’s what I did to get a Google map on my page (and you might try it in the meantime, until you get an official answer):

Go to Google Maps and enter the address and pull up the map. Click the link icon (next to the printer icon) and get the embed code. Then, in Flexform, create a text box. Paste your embed code in the text editor. Save, update, and you should have your map pointing at your intended target.

Red