WordPress.org

Ready to get started?Download WordPress

Forums

my lovely theme
making larger size header logos fit (23 posts)

  1. uukmalesam
    Member
    Posted 1 year ago #

    Hello im wonder how i can edit the theme so i can have a larger size header either b just moving the main menu down or by just making the space above big enough for my logo :)

    is this possible? Thanks for your help.

  2. beh154
    Member
    Posted 1 year ago #

    How were you able to upload your header? and maybe I can help you. but I can't even get mine uploaded...

  3. CrouchingBruin
    Member
    Posted 1 year ago #

    Whenever you post a question, please also include a link to your site. It makes it easier to offer suggestions. Thank you.

  4. beh154
    Member
    Posted 1 year ago #

    i'm not sure how that will help but. http://www.pinkcollarmedia.com

  5. CrouchingBruin
    Member
    Posted 1 year ago #

    Sorry, beh154, I was directing my comment to uukmalesam.

    I also could not upload a header image; the way the theme options work (or don't work, in this case) would make me reconsider using this theme.

    However, I see that you managed to get a background image loaded. If you want to use that image as your logo, you can shift the main content area down a little bit so it's more exposed. Go to Theme Options, scroll down towards the bottom, and add this to the Add custom css field:

    .wrapper {
       margin-top: 140px;
    }

    You can adjust the value of the margin depending upon how much space you want for your "logo."

  6. beh154
    Member
    Posted 1 year ago #

    Thank you for the help that would be perfect but i see no Add custom css field:

    Where would this be located at?

  7. CrouchingBruin
    Member
    Posted 1 year ago #

    From your admin dashboard, go to Appearance > Theme Options. Then scroll down to the bottom and the next to last field should be labeled Add custom css. After you copy in the code, click the blue Update Settings button.

  8. beh154
    Member
    Posted 1 year ago #

    I think it worked though I'm not fond of the gap. But Thank you.

  9. CrouchingBruin
    Member
    Posted 1 year ago #

    There's one other thing you can do, see if you like it. Replace the code that I gave you with this:

    .wrapper {
       background-image: url('http://173.254.28.71/~pinkcoll/wp-content/uploads/2013/12/PCM_BG_1.jpg');
    }

    This puts your logo inage as the background of the header. Then you can remove the background image for the body. The one negative is that you lose the background color for the rest of the main content.

  10. beh154
    Member
    Posted 1 year ago #

    This didn't work the way you said any suggestions?

  11. CrouchingBruin
    Member
    Posted 1 year ago #

    Sorry, I didn't realize the option field would escape out the quote marks. Try this instead:

    .wrapper {
       background-image: url(http://173.254.28.71/~pinkcoll/wp-content/uploads/2013/12/PCM_BG_1.jpg);
       background-repeat: no-repeat;
    }
  12. beh154
    Member
    Posted 1 year ago #

    okay that worked I just made a background picture of pure black. Thank you.

    I have one other question do you have any experience with FFMPEG?
    it said: [Note: Preview images for uploaded videos will not be created automatically using FFMPEG. Manually upload preview images for videos.]

    I down loaded FFMPEG but it still said not installed on the Plug in... Thank you in advance.

  13. CrouchingBruin
    Member
    Posted 1 year ago #

    Unfortunately, I do not have any experience with FFMPEG, nor do I have any experience with Cool Video Gallery. What is it that you are trying to do, are you trying to get preview images for each of your videos? If CVG allows you to upload your own preview image for a video, then you could do that pretty easily with a screen capture program like MW Snap.

  14. beh154
    Member
    Posted 1 year ago #

    yea i'm using Cool Video Gallery. It has everything I need but this image thing is not working. I will try to go under their support and see if any one can help. Thank you so much for your help! do you have any good resources for adding custom css? i'm not very good at coding yet? Thank you again.

  15. CrouchingBruin
    Member
    Posted 1 year ago #

    I like the W3 Schools site for their CSS, HTML, and JavaScript tutorials and reference pages.

    You should also learn to use a web debugging tool like Firebug (a free extension for Firefox) or Chrome Developer Tools, which comes built in with Chrome. They are invaluable for figuring out what CSS rules are being applied to different web page elements, as well as testing out different CSS interactively with your live site.

    Best of luck.

  16. beh154
    Member
    Posted 1 year ago #

    Thank you SO very much.

  17. beh154
    Member
    Posted 1 year ago #

    Hate to bug you again but I would like to add my name/site at the bottom for designing the site. how can i do that when thier current CSS is this:

    <p class="to-left"><?php echo myThemes::get( 'footer-text', true ); ?></p>

    Thank you.

  18. CrouchingBruin
    Member
    Posted 1 year ago #

    Just as a matter of clarification, that line is PHP & HTML, not CSS; CSS affects styling while the PHP & HTML is actual page code. With that out of the way...

    It looks like you've found the relevant code in the footer.php file. Technically, you should not change any of the theme files directly, but create a child theme, and make a copy of the original footer.php file into your child theme directory. The reason is you will lose your changes if the theme ever gets updated (for example, if the theme developer happens to fix the ability to upload your own header image).

    What you can do instead, though, is add some JavaScript/jQuery code that will replace the footer text with whatever you want. The theme comes with an option to add your own JavaScript code:

    1. Go to Appearance > Theme Options and scroll down to the very bottom of the page.
    2. Copy and paste this code into the field that's labeled Tracking code. The purpose of the Tracking code field is to add scripts from, for example, Google Analytics if you want to track the visitors to your site. However, the field will take any JavaScript Code.
      <script>
      jQuery(document).ready(function($){
      // Add any JavaScript/jQuery code to be executed after the document loads here
      var txtDesignedBy = 'Mr. Magoo Designs';
      var urlDesignedBy = 'http://magoo.com';
      
      $("footer .to-left").html("Copyright 2013. Designed by <a href='" + urlDesignedBy + "' target='_blank'>" + txtDesignedBy + "</a>");
      });
      </script>

      Of course, change the values of txtDesignedBy and urlDesignedBy to the name of your company and your company's web address, respectively.

    This should replace the HTML in the footer with your own HTML. And this technique has the advantage of not getting overridden by any theme updates (unless the theme developer does something really out of the ordinary in wiping out theme options, too, but I've never seen that happen), without having to create a child theme.

    I should have thought of this before, but you can also use this same technique (JavaScript/jQuery) to make any changes to your web page, including adding a logo to the header. You just have to learn how to use jQuery.

    By the way, how did you get your preview images to show up on your video clips?

  19. CrouchingBruin
    Member
    Posted 1 year ago #

    I should have also included what change to make in case you do want to create a child theme, or if you want to live dangerously by modifying the theme files directly.

    Change this:

    <p class="to-left"><?php echo myThemes::get( 'footer-text', true ); ?></p>

    to this:

    <p class="to-left">Copyright 2013. Design by <a href="http://magoo.com" target="_blank">Mr. Magoo Designs</a></p>
  20. beh154
    Member
    Posted 1 year ago #

    What if you want to change just one specific word in a paragraph on a page another color? I have not figured out how to do this yet and it's one of the last things that needs done. Thank you.

  21. CrouchingBruin
    Member
    Posted 1 year ago #

    If it's just one word in one place (one page), add inline CSS to it:

    The sly <span style="color:red;">fox</span> jumped over the lazy dogs.

    This sets the color of the word fox to red. You can also use RGB (red, green, blue) hex values: #ff0000 is red, #00ff00 is green, #0000ff is blue, #ffffff is white, #000000 is black. See this for how to select a specific color.

    If you are planning on changing the color of a word on multiple pages, then create a class instead, and a CSS rule to color that class:

    I washed a red t-shirt with my whites and now all my underwear is <span class="special-color">pink</span>.

    Here, I assigned a class called special-color to that word. If I wanted other words in other parts of my site to have the same color, I would assign the same class to it.

    Then in the custom CSS field, you would add this CSS rule:

    .special-color {
       color: #FF66FF;
    }

    All web elements that have the class special-color would then have text colored pink (#FF66FF). The good thing about this approach is if you decide to change the color of all the words, you only need to change it in one place, in your CSS rule. Otherwise you'd have to go back through all your pages and change each word individually.

    By the way, in the footer you left the last 'n' from your web site address. The link points to http://www.brittanyhoffma.com and not http://www.brittanyhoffman.com.

  22. mythemes
    Member
    Theme Author

    Posted 1 year ago #

    more simple solution for footer copyright:

    go to :

    my-lovely/cfg/admin/default.php and edit line 13 ( here is copyright text ).

  23. mythemes
    Member
    Theme Author

    Posted 1 year ago #

    this solution is avaible for all myThem.es themes ( just number of line can be other )

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.