Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #25517

    Hi,

    first of all I want to say that the Corona-Theme is great and I’m really happy with it :)

    The editing and customozation is pretty simple but I have some questions and I hope that you can help me:

    1. How can I change the size of the slideshow item per project? I have images of different sizes in my portfolio and I’d like to have a slider that is not fixed in it’s height and adapts to the uploaded content automatically. At the moment bigger pictures (in height) are simply cut off and I want to show them in fixed width but full height. For example: Project 1 needs a slider with a height of 550 px, Project 2 a slider with 700 px in height, Project 3 a slider with 900 px in height, etc…)

    2. How can I define something similar to the a:active – command? I tried everything that came to my mind to change the link color of the active site but nothing works. If I drop a line in the style.css, the link only gets a new color as long as you click on the link. By releasing the mousebutton the color switches back to the standard a:color.

    3. I changed the size of the Social Bookmarks in the submenu but this results in a wrong placement of the avia.tooltip. Because of the bigger icons the tooltip overlaps the icons and this results in a wrong behaviour of the mouse cursor (the cursor should change it’s shape into a hand as soon as you hover over an icon but actually it keeps it’s arrow shape about ten pixels too long when moving the cursor slowly from the bottom to the top of the icons)

    4. How can I modify the socket area of the page as follows: I’d like to remove every function (credits, social media icons..) except of the scroll to top command. Additionally I want to add a icon besides the “scroll to top-text that shows a little arrow that is pointing up. everything should be placed at the very right.

    Thanks and best regards,

    Daniel

    #127226

    Hi,

    1. The best way to go about it, is to first install the Simple Image Sizes plugin ( http://wordpress.org/extend/plugins/simple-image-sizes/ ). The plugin will give you complete control over images: setting height constraints for specific locations along with the ability to set whether to crop an image or not in Settings > Media.

    So once installed, you would go to Settings > Media, and then make the following change to this line (the green one in image) http://www.clipular.com/c?9214030=qL5CMERTrkBn7Cg0uqXXBIjoeGs&f=.png Notice that 3 things were changes, height to 9999, and each of the two buttons at the end of the highlighted line were changed as well. (crop is off, show in post insertion is on) . Click the update button that will appear below the line and then click save button on the bottom of the page. This will put no height restriction at all on any of the portfolio images but the height will depend on the width which is set at 930px. So the image will proportionally resize to the height that is proportional to the width of 930 (no more cropping).

    2. Please do not drop anything into styles.css . Instead use Quick CSS , which is located in Enfold > Theme Options > Layout & Styling

    … Its a text area on the bottom of that page.. see the very bottom box here * http://www.clipular.com/c?9207025=XPau2nbiwUpVj3NXBaHm_OM_Zlg&f=.png drop the css in there just as if you were pasting it into a css file, it gets dynamically added at the end of the theme’s css. (There is also a /css/custom.css empty file where you can add your css )

    Try this, it will work since it has more specificity than a alone.

    #top a:link    {color:green;}
    #top a:visited {color:blue;}
    #top a:hover {color:red;}
    #top a:active {color:yellow;}

    3. Please provide a url, need to see the code of the live page.

    4. Take a look at this plugin, its a much better scroll to top and follows along on the right side http://wordpress.org/plugins/smooth-page-scroll-to-top/

    To remove everything from socket, please open up footer.php located in the root theme folder. Socket is between lines 52-84 , so delete it all and instead paste this **i don’t have any arrows. Search on google image search for small arrow icon, download it then upload it to the theme using Media > Add Image, copy the url of the image now on your server and replace the url of the image you got for the one i included below (its the only url below)

    <!-- ####### SOCKET CONTAINER ####### -->
    <div class='container_wrap' id='socket'>
    <div class='container'>
    <span class='phone' style="float:right;"><a href='#top'>Scroll to Top</a></span>
    <img style="position:absolute;top:-65px;right:80px;" src="http://hottubrentalstulsa.com/images/curved_arrow.gif" width="50" height="108" alt="an arrow">
    </div>
    </div>
    <!-- ####### END SOCKET CONTAINER ####### -->

    Thanks,

    Nick

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Slideshow height, active link, bookmarks and socket’ is closed to new replies.