[Theme Horse Support Team]

Hi LMKWeb,

There is a following break point for responsiveness

@media only screen and (max-width: 1078px) 
@media only screen and (max-width: 767px) 

In style.css line number 2012 there is

#primary, #secondary,
#colophon .widget {
	float: none;
	margin-left: 0;
	width: 100%;
}

remove line #primary, #secondary, which is a break point that makes column and sidebar 100% and you will see the same view as desktop view. If you want to break this 768px after paste below CSS code under this @media only screen and (max-width: 767px)

#primary, #secondary {
	float: none;
	margin-left: 0;
	width: 100%;
}

before editing core CSS file please consider about child theme. If you edit the core CSS file your changes will be lost when you update a theme.

Thank you!

Regards,
Theme Horse

[jwoodcscs]

I used the Simple Custom CSS plugin and added the following code to center the menu on my web page http://www.gainlineperformance.com.

#access ul {
display: table;
margin: 0 auto;
}

It worked like a charm and the desk top version of the site is exactly what I was looking for. However, when I logged into the mobile version from my phone (iphone, don’t know if this matters or not) there are all sorts of issues going on. For instance, my menu is doubled up and overlapping content below it (just looks messy) and beyond that, I seem to have lost access to my blue menu scrolling tool (I’m sure there is a more technical name for it, but I’m far from what you would call technologically advanced so you will have to excuse my shortcomings here). Any thoughts or help would be greatly appreciated.

Note: I have tried removing the code from the plugin, yet things remain unchanged on the mobile version.

Thanks in advance.

[akole]

Hi! I have recently upgraded to wordpress 3.9 via WordPress Console.
Everything looks fine to the theme, but some things chaneged after upgrade.
I was able to change picture vertical (field “V”) and horizontal (field “H”) margins earlier in the picture editor (add parameters, say: top-margin:20px; bottom-margin:40px, etc.) , as well as add a frame to a picture in the “Frame” field (e.g. “Frame” 2).
I cannot find these fields in the picture editor any more.
Is there any other way to change picture margins, or am I missing something in the new picture editir?
Thanks!

[Flow]

I did not edit the theme. Is that plugin required? I swear I had the links without the plugin before.

But I do use these custom css. maybe one of these is screwing it up?

.entry-meta {
display:none;
}
.entry-meta-bar {
border-bottom: medium none;
border-top: medium none;
}
.hgroup-wrap {
padding-bottom: 0;
padding-top: 0;
}
#site-logo {
float:left;
margin-top: 15px;
margin-bottom: -20px;
}
#branding {
background-color: #411001;
}
.page-title-wrap {
display: none;
}
#footer, #footer p {
color: #ffffff;
}
body
{
background-color: #411001;
}
.tags
{
display: none;
}
.form-allowed-tags{
display:none;}

ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard { font:normal 16px georgia,times,serif; }
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:9px; }
ol.commentlist li.comment div.comment-meta a { color:#ccc; }
ol.commentlist li.comment p { font-size:11px; margin:0 0 1em; }
ol.commentlist li.comment ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li.comment div.reply { font-size:11px; }
ol.commentlist li.comment div.reply a { font-weight:bold; }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

[Theme Horse Support Team]

Hi Marc,

To put a gap above the header/menus Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

#branding {
    margin-top: 80px;
}
@media only screen and (max-width: 767px) {
    #branding {
        margin-top: 30px;
    }
}

Thank you for using our theme.

[patricia]

Thanks anyway, but it doesn’t matter anymore. Had to change-over the whole site to different font and background, etc.

I recommend you provide an alternative CSS set (patch to be pasted into Theme Options>Custom CSS) for use with all the dark BG patterns offered with this theme. The theme doesn’t work currently with the dark backgrounds. See full explanation, forum item #8615. I could only fix what I could see; unfortunately an unknown number of visitors to my website saw the other pieces that don’t work.

Here is part of what the code should address:

.widget_testimonial .testimonial-icon {
background: url(“wp-content/uploads/2013/11/3quotemark.png”) no-repeat center top / 25px 19px ;
opacity: 0.5;
}
.slogan-wrap .slogan span {
font: 13px ‘PT Sans’, sans-serif;
line-height: 30px;
display: block;
padding-top: 25px;
padding-bottom: 5px;
}
.slogan-wrap .view-work {
position: relative;
z-index: 100;
}
input[type=”text”],
input[type=”email”],
input[type=”password”],
textarea {
padding: 10px;
border: 1px solid #64843f;
line-height: 20px;
width: 100%;
margin: 0 0 30px;
background-color: #a9a9a9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#site-description {
font-size: 20px !important;
line-height: 25px;
color: 6088a5;
}

[Sanjip Shah]

@alphasite I think the changes the you want is only for the main page. So, in the dashboard, go to Appearance->Theme Options->Design Options Tab->Custom CSS. Paste the following css and click on ‘Save all Changes’. Hope this helps.

.page-id-6 #main { padding-top: 0; }
.page-id-6 .entry-content { margin-left: -42px; padding-bottom: 0; }

[alphasite]

Hello Sanjip

Here is the link to the page: http://www.g-o-d.dk/ – I need the margin to be zero so the tree have zero margin to the left – top and bottom.

Thanks

[Sanjip Shah]

You will need some css adjustment for that. In the dashboard, go to Appearance->Theme Options->Design Options Tab->Custom CSS. Paste the following css and click on ‘Save all Changes’.
.hgroup-wrap img {
clear: both;
margin-bottom: 0;
margin-top: 0;
float: left;
}
.hgroup-wrap {
padding-bottom: 20px;
}

Hope this helps.

[Sanjip Shah]

Please try adding the following css.

#main {
    padding-top: 20px;
}
input[type="reset"], input[type="button"], input[type="submit"] {
    margin: 0;
}
#content ul, #content ol {
    margin: 0;
}

[Sanjip Shah]

@Grafixer Try the following css and see if this helps.

#site-generator {
    float: left;
    width: 45%;
    margin-top: 45px;
}
#colophon .widget-area {
    float: right;
}

[Sanjip Shah]

@IndiaL Also try adding this

.hgroup-right {
    margin-top: 0;
}

[IndiaL]

I want to remove the white space above the header and found this thread on the topics:
https://www.themehorse.com/support-forum/topic/remove-white-space-above-header/

The thread suggested adding this code:

.hgroup-wrap {
padding-bottom: 0;
padding-top: 0;
}
#site-logo {
margin-top: 0;
}

I added it to Theme Option -> Design Options -> Custom CSS, but I still have white space above the header. http://denverkidmagic.com

Help would be much appreciated!

[Sanjip Shah]

@erik10 I could not understand your question properly. If you are trying to adjust the margin of search and social icon part. Please use the following css in custom css option.

.hgroup-right {
    margin-bottom: 20px;
    margin-top: 20px;
}

You can adjust the value to your liking.

[erik10]

Hi,
i need to margin top or bottom search button from at header
how can i do this?
Thank you