Forum Replies Created

Viewing 15 replies - 106 through 120 (of 191 total)
  • .

    (@techievous)

    background-image: url(‘http://i58.tinypic.com/2njv704.jpg’)

    That’s the URL to the tinypic page that has the image, not a direct link to the image.

    The direct URL in this case woudl be: http://oi58.tinypic.com/2njv704.jpg

    ——–

    The reason why the image isn’t appearing when you link it from your internal site is probably a similar issue: a mistake in the path.

    Yes, I have a folder for my images in the theme folder. Sorry I’m not sure if I understood, but yes if I go to ftp://ftp.domeneshop.no/www/wp-content/themes/cabintheme/images/strandbu.jpg and log in with my FTP info then I see the picture in the browser.

    There’s absolute path and relative path. If you’re using relative path, there’s also difference between ../images/strandbu.jpg (notice the 2 dots in front) and images/strandbu.jpg.

    Make sure you’re using the correct relative path.

    .

    (@techievous)

    If the problem has been solved, could you please mark this thread as resolved? That would be much appreciated.

    Thank you,

    .

    (@techievous)

    Add this to the bottom of your child theme’s style.css or custom CSS:

    .prefooter {
    	display:none; /* remove the extra space in between */
    }
    
    .blog footer {
    	margin-top: 0px; /* control the spacing between the footer and the content above it */
    }

    Change margin-top as needed.

    .

    (@techievous)

    I’m not a fan of editing the parent theme’s files because we will have to remake those changes every time the theme updates. I’d recommend creating a child theme for these edits.

    Add this to the bottom of your functions.php of your child theme:

    function comment_reform ($arg) {
    $arg['title_reply'] = __('Change this to whatever you want, default is leave a comment');
    return $arg;
    }
    add_filter('comment_form_defaults','comment_reform');

    screenshot of the changed Leave a Comment: http://i.imgur.com/FcF3a3S.png

    .

    (@techievous)

    This should work

    .format-icon:before {
    display:none;
    }
    .

    (@techievous)

    It’s for links, but in this case, it has less to do with links than with being specific. Without the a the new style wasn’t specific enough to overwrite the original styles; the original styles still overwrites the new style because it was more specific. Adding the a allows the new styles to be at the same level, and plus putting it at the bottom or in custom css allows the new style to overwrite the old.

    .

    (@techievous)

    It works on my test. See screenshot here: http://i.imgur.com/JbDLUvw.png

    May I ask how are you applying these custom CSS?

    Edit: found the error, my old code was missing an a. Sorry about that, please try this new one

    #flexslider-featured .flex-direction-nav a {
    background: none; /* background of slider nav */
    }

    Also, if you could please stop the auto scroll next time when asking question related to the slider, that would be much appreciated. Whenever the thing scroll, the inspection view refreshes, making it extremely annoying to try to identify the codes.

    .

    (@techievous)

    We can just remove the background of the arrow:

    #flexslider-featured .flex-direction-nav {
    background: none; /* background of slider nav */
    }
    .

    (@techievous)

    Are you talking about the arrows that point left and right? If so, then we can use this:

    #flexslider-featured .flex-direction-nav {
    top: -36px;
    }

    And this is to remove the background of those arrows and change the color the nav arrows:

    #flexslider-featured .flex-direction-nav {
    background: none; /* background of slider nav */
    color: #000; /* color of the slider nav arrow */
    }
    .

    (@techievous)

    Besides child theme, you can also use a plugin like Jetpack (an official plugin by WordPress themselves) or Simple Custom CSS.

    • If you choose Jetpack: Install and activate the plugin –> go to Jetpack –> Settings –> activate custom CSS module –> go to Appearance –> Edit CSS –> copy-paste the code there.
    • If you choose Simple Custom CSS: Install and activate the plugin –> then go to Appearance –> Custom CSS –> copy-paste the code in there.
    .

    (@techievous)

    Please post a link to your site. It seems you’ve already customized the theme a bit; it’d be much easier for us to help if we can actually see the site at this point.

    .

    (@techievous)

    how about the Black Menus for the widgets, where do I find that code, so I can tweak it in a child theme.

    Change the colors as needed:

    .widget-area .widget-title {
    background: #fefefe; /* widget title background color */
    color: #181818; /* widget title font color */
    }
    .

    (@techievous)

    Thanks ‘Techievous’ but that didn’t work, added it to my custom CSS. Even cleared the Cache and still black. I’m going to hunt on the php files to see if I can find any colour codes, hidding there. Certainly isn’t any for the NAV on the style sheet, at least that I can see.

    Yes, it does work. See screenshot here: http://i.imgur.com/xZWKJ2Y.png. I changed the navbar background to a pink-ish color; I also change the hover background color to a green-ish with dark text. Both CSS codes work when apply correctly.

    You’d probably want to learn basic CSS and HTML first before advancing to PHP though, because one mistake and you’ll be lock out of your entire site if you mess with PHP.

    .

    (@techievous)

    @szaszi2014:

    Add this to the bottom of your child theme CSS or custom CSS:

    #navWrapper {
    background: #C20061; /* navigation bar background color */
    }

    You can use http://colorpicker.com/ to grab the color code you want.

    ———–

    @karlopa:

    This is just CSS, very simple stuffs. We can add new rules to the bottom of a separate stylesheet (such as child-them CSS or custom CSS) to overwrite whatever above it. No need to search around in the parent theme’s style.css for the right place to edit–that’s actually not recommended.

    For the navbar background, please see the answer to szaszi2014’s question above.

    As for the hover color, use this:

    .main-navigation li:hover > a {
    color: #000; /* navigation menu item text color on hover */
    background: #fff; /* navigation menu item background color on hover */
    }

    .

    (@techievous)

    If the problems are solved, could you please mark this as resolved?

    That would be much appreciated. Thanks!

Viewing 15 replies - 106 through 120 (of 191 total)