SideKick Dan

Forum Replies Created

Viewing 15 replies - 46 through 60 (of 71 total)
  • SideKick Dan

    (@shout-out-sidekick)

    Hello,

    Try to add this css code to your custom style sheet ??

    .entry-title,
.entry-title a {
	color: #000000 !important;
}

.entry-title a:hover {
color: #cccccc !important;
}
    SideKick Dan

    (@shout-out-sidekick)

    Awesome! Glad to hear it helped ?? Let me know if there’s any more ideas or help i can provide.

    When you insert the pictures, you might see if there is a setting specifying them to be left aligned and set it to none if there is.

    Danny ??

    SideKick Dan

    (@shout-out-sidekick)

    Awesome! Glad to hear it helped ?? Let me know if there’s any more ideas or help i can provide.

    Danny ??

    SideKick Dan

    (@shout-out-sidekick)

    Hello Cleff,

    It looks like there’s just some dirty code the wysiwyg editor is adding in the form of classes etc.

    Try something along these lines…

    <p style="text-align:center;"> images here </p>

    and remove the alignleft class that keeps getting added to each image you added. it’s overriding the paragraph align center style and floating images to the left! ?? below is an example of where it appears. delete alignleft class wherever it appears in the img tags.

    <img class="alignleft size-medium wp-image-89" src="location of image" width="240" height="135">

    Keep me posted and let me know if it works ?? it does in firebug

    Danny

    SideKick Dan

    (@shout-out-sidekick)

    Hello Carissa,

    Here is some quick css code you should be able to add in via your template’s custom css area or a plugin that allows you to add custom css.

    It basically hides the button from view. 

    .widget_search #searchsubmit {
display: none !important;
}

    If you find that people don’t naturally hit enter after inputting text in order to process a search without a button, then you can take the css out to make it reappear.

    Hope it helps ?? Let me know if it works ok. Tested it in firebug.

    SideKick Dan

    (@shout-out-sidekick)

    Awesome!!! ?? Please keep me posted if there’s any other issues.

    Best Regards,
    Danny

    SideKick Dan

    (@shout-out-sidekick)

    Awesome Micah! ??

    Danny ??

    SideKick Dan

    (@shout-out-sidekick)

    Hello,

    As WPyogi mentioned it’s a good idea to use a child theme or a custom css plugin in order to avoid issues with updates to your template later.

    Adding the code to a custom css plugin might be the safest or to the active child theme’s style.css file.

    Danny ??

    SideKick Dan

    (@shout-out-sidekick)

    Glad to hear it worked! ??

    If you add more links down there and it gets wider, you may just have to adjust the width some.

    Best Regards,
    Danny ??

    SideKick Dan

    (@shout-out-sidekick)

    Hello,

    Again, what a finnicky template ?? lol

    Try this variation that includes !important declarations. I try to avoid it on links as it can destroy hover effects, but since the css is super specific and includes the hover effect you should be ok. Try this …

    #access .menu-header ul li ul li a {color:#004261 !important;}
#access .menu-header ul li ul li a:hover {color:#ffffff !important;}

    maybe try putting it in the style.css file of your active theme around those links after line #462 or so.

    Keep me posted ??
    Danny

    SideKick Dan

    (@shout-out-sidekick)

    Hello,

    There are a couple of things you might try. It could be that you’re inserting the code within another block of css that itself is part of a media query. This would cause the above code not to get seen when the browser is smaller. and would be my first suspicion. try adding the above code directly between the <head> </head> tags in your Header file as below. It should eliminate any issues with css priority inheritance and be a good way to see if it works. I tested the changes in firebug so they should. Again, sounds like they code is just not getting seen.

    Let me know how it goes ?? Danny

    <style>

@media screen and (min-width: 846px) {
     .home .content-area {padding-top: 0px !important;}
}

@media screen and (min-width: 673px) {
     .home .content-area {padding-top: 0px !important;}
}

</style>
    SideKick Dan

    (@shout-out-sidekick)

    Hello Barnez,

    try changing

    #footer ul (likely in your style.css file around line #252) to this…

    #footer ul {
display: block;
margin:0 auto;
width: 660px;
}

    the area basically is not centarable , if that’s even a word, via text-align. sometimes it has to be done using a css style such as margin:0 auto; and assigning a smaller-than-100 percent width to the element. Personally not sure the exact reason, but usually text-align works well for paragraph contained elements, but not so much div ones. I’m sure there’s a technical reason, but don’t know it yet ?? I did try the above edit using firebug css inspector and it worked fine. Let me know ??

    Best Regards,
    Danny

    SideKick Dan

    (@shout-out-sidekick)

    Hello Ore,

    On the icons in a row – the spaces work ok, but i would center the icons. Sometimes the html wysiwyg editors create dirty code that is irritating. I would toggle to the html view of the page and find the area where the icons are. It will look something like this…

    <p><a>icon</a>lots of spaces<a>icon</a>lots of spaces<a>icon</a>lots of spaces<a>icon</a>lots of spaces</p>

    add style=”text-align:center;” to the paragraph tag like so…

    <p style="text-align:center;"><a>icon</a>lots of spaces<a>icon</a>lots of spaces<a>icon</a>lots of spaces<a>icon</a>lots of spaces</p>

    It should center all the icons. then get rid of some of the spaces inbetween so that in IE it’s all on one line.

    Alternately you could use span3 classes and edit the padding in the css instead of the above … but i would wait until the template provider can help you work out the real issues behind the mobile responsive css not working right.

    I’d be interested in seeing what it looks like with the mobile responsive option turned back on. The css they gave you just seems like it changed the slides area and nothing else. It still seems like some css is disabled in comparison with the demo site. This to me seems like the bigger issue that needs to be worked out. Usually if the mobile responsive css is working like in the demo, then any layout changes that need to be done to fix any customizations can be done in such a was as to avoid breaking the mobile responsiveness.

    Keep me posted ??

    Best Regards,
    Danny

    SideKick Dan

    (@shout-out-sidekick)

    Hello Sharon,

    Here is some code to add to the css to get a sort of arrow indicating a dropdown that should work.

    .menu-toggle.toggled-on:after {
content: "v";
font-size: 8px;
padding-left: 9px;
color: #424242;
}

.menu-toggle:after {
content: "^";
padding-left: 9px;
color: #424242;
font-size: 13px;
}

    As to changing the text of the mobile menu. It does seem like hardcoded text. See if you can find the following block of html in your active theme files; perhaps the Header file. Then manually change what’s in the assistive-text div where it says menu. This seems to be the basis for the mobile menu text.

    <nav role="navigation" class="site-navigation main-navigation">
			<h1 class="assistive-text">Menu</h1>
			<div class="assistive-text skip-link"><a href="#content" title="Skip to content">Skip to content</a></div>

    Let me know how it goes ??

    Best Regards,
    Danny

    SideKick Dan

    (@shout-out-sidekick)

    Hello,

    I took some time to look over your template issues and also looked over the boemia demo template. In trying to make sense of it I’m wondering if there might not be some issue with your site’s css related to the mobile responsive stuff like bootstrap, etc. The demo site scales pretty well, paragraphs are all seen with no side to side scrolling needed. The current site seems like the paragraphs and div’s are ‘stuck’ at a wider view when the screen is sized down. Also, the mobile menu doesn’t appear and the search box should be popping to the top on smaller screen sizes like in the demo.

    I wonder if some of the css didn’t quite get applied assuming it’s a child theme that’s activated? Or perhaps theres some custom mods to the css that are interfering/disabling the bootstrap css that the demo site has.

    There’s some different ways to approach the issue. One would be to contact the template provider and ask them for assistance directly. It could be they will know real quickly where the issue lays. Perhaps by providing them with a login to see.

    Second way, I’d recommend removing any css modifications made to the template after installation temporarily to see if it fixes the mobile menu and the div’s scaling down properly. If it does, then re apply customized css one by one until you see the problems reappear. It just seems like something’s missing or something is interfering with the way the template responds. I was about to chalk it up to the template provider as the problem, but the demo site seems to work well.

    On the lesser issue of the icons not appearing in a neat row in IE, it seems that since the block of icons was done using spaces instead of css padding, there’s one two many spaces in between the icons for IE’s taste. Even though the template width should be standard in all browsers, for some reason, IE feels there’s too much and drops the last icon to the next row. When i remove some extra spaces via the firebug inspector the icons all line up in ie.-which is an easy fix ??

    However, the mobile menu missing, the search box being to the right of the logo, and the paragraphs running off the page rather than staying within the browser window are indicative of some custom css interference or some css missing, etc. Sorry for the long message, but this is my best guess. Any one else is welcome to chime in ??

    Please keep me posted ??

    Best Regards,
    Danny

Viewing 15 replies - 46 through 60 (of 71 total)