Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 22, 2016 at 4:37 pm #702835
    manojvinod

    Hi,

    We have added a widget Recent Posts to our side bars. But the thumbnails of images are too small. How do I increase their size.

    Also If you see the blog page the images on it have a white overlay effect on it when hoovered on it. We want to change it to the effect of zooming it a little which can be achieved with we insert the image widget in any post.

    Providing the link of the page in private section for your reference.

    Regards,

    October 23, 2016 at 9:03 am #702942
    Rikard

    Hey manojvinod,

    What size would you like them to be instead?

    About zooming; there nothing like that in the theme by default, could you link to an example showing what you are looking for please?

    Best regards,
    Rikard

    October 23, 2016 at 9:49 am #702956
    manojvinod

    Hi Rikard,

    Thank you for the reply.

    I want the size of the thumbnails to be 44 x 44 px.

    For the zooming part, I have added the effect on the first image of the link provided in the private section. I want the same effect on all the images in my blog page.

    Regards,

    October 23, 2016 at 6:18 pm #703036
    Yigit

    Hi,

    Try the following:
    1. Install this plugin: https://wordpress.org/plugins/simple-image-sizes/
    2. Go to Settings > Media
    3. Change the widget image size (increase its width / height).
    4. Regenerate the thumbnails by clicking the button at the bottom.

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .news-thumb img, .news-thumb img {
    width: 44px;
    height: 44px;
}
.news-thumb {
    height: 52px;
    width: 52px;
}

.single-post #main img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.single-post .image-overlay {
    display: none!important;
}
.single-post #main img {
    -webkit-transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

    Best regards,
    Yigit

    October 23, 2016 at 8:43 pm #703057
    manojvinod

    Thanks Yigit,

    But I wanted the zooming effect for the images in the blog page. Below is the link for your reference.

    Regards,

    October 24, 2016 at 1:17 am #703091
    Yigit

    Hi!

    Please use the code as following 

    .news-thumb img, .news-thumb img {
    width: 44px;
    height: 44px;
}
.news-thumb {
    height: 52px;
    width: 52px;
}

.archive .big-preview.single-big img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.archive .big-preview.single-big .image-overlay {
    display: none!important;
}
.archive .big-preview.single-big img {
    -webkit-transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

    Best regards,
    Yigit

    October 24, 2016 at 9:07 pm #703433
    manojvinod

    Thanks Yigit,
    It worked perfectly.

    Can you tell me how to do this for the images in the Blog Posts of my Home page (Please note: I want this to be done only for the 6 blog images at the end of the page.

    Regards,

    October 25, 2016 at 1:53 pm #703773
    Yigit

    Hi,

    Please add following code to Quick CSS as well

    .home #av_section_2 img {
    -webkit-transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
.home #av_section_2 .image-overlay {
    display: none!important;
}
.home #av_section_2 img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

    Best regards,
    Yigit

    November 5, 2016 at 2:27 am #708504
    manojvinod

    URGENT
    Hi, Why I am not getting an option to start a new topic?
    Not sure, so posting my problem here:

    I deleted all the imported demo pages from my website, which I didn’t want. But these are still showing as error 404 in google search console.
    After further investigating I found out that these deleted pages have been linked from the back-end code of the new pages/posts that I created.

    I am not sure, why & how these pages got linked to new pages/posts which I created.
    I want to know, how can I remove all these links from the source code of my webpages. (Is there any automated method such as export to remove the demo pages).

    You can contact me on +91 99875 91800 for a screenshare of the issue, if required
    Regards,
    Vinod

    November 7, 2016 at 3:11 pm #709253
    Yigit

    Hi,

    You can start a new thread here – https://kriesi.at/support/forum/enfold/#new-post

    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here. Search engines might take a while to index your content.

    Best regards,
    Yigit

    November 7, 2016 at 4:30 pm #709349
    manojvinod

    Hi Yigit,

    Thank you for your reply,
    But I think you didn’t get my point. My problem is not about indexing the content.
    My question is why are the demo pages linked from the source code of the new post which I create.

    Regards,

    November 7, 2016 at 4:52 pm #709362
    Yigit

    Hi!

    I am not sure if i understood the issue clearly. Can you please post screenshots and show it? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.
    We may need temporary admin logins as well.

    Best regards,
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.