-
AuthorPosts
-
August 12, 2015 at 2:41 am #486265
Hi there! Thanks for such a great theme and fantastic support! If possible, I would like to
1. Increase the width of the widget and text in the sidebar, ensure it is centered in the sidebar, and align text with the text above it when it goes onto another line under a bullet. (See link in private content section.)
2. Remove the frame, adjust the size of images, and instead of the date/time (which I have removed) add the person’s title under their name in the portfolio widget (See link in private content section.)
What do you think?
V.
August 12, 2015 at 2:55 am #486267Of the above issues, I found the answer to the widget/sidebar width issue; I changed the ration between sidebar and main content.
August 13, 2015 at 5:35 am #486926Hey!
We’d need to first find a way to define the “person’s title”, i think this plugin could work for that (it allows you to add meta boxes to posts/page in order to attach meta data to them).
Then we’ll need to edit the source of the portfolio feed widget and replace the
date
for the field we’ve just created, open /framework/php/class-framework-widgets.php and look for line 536:echo "<span class='news-time'>".get_the_time($time_format)."</span>";
Replace it by:
echo "<span class='news-time'>".get_field('field_name')."</span>";
Regards,
JosueAugust 13, 2015 at 6:14 pm #487363Hi Josue,
Thank you for these fixes. I am using a child theme; is there a way to do this in custom css?
Valerie
August 13, 2015 at 7:36 pm #487383Hi Josue,
I have re-thought the portfolio in the sidebar to a less complex solution. I can put a gallery shortcode (copied from the default editor) in the sidebar widget and get the layout I prefer. I do have two questions, though, about the formatting. The default is a white border around the gallery image. I was able to remove it for the main content area in the CSS with
}
.avia-gallery img {
border-width: 0 !important;
}I was not able to remove the white border from the thumbnail in the sidebar widget. I tried this, but it did not work
}
.avia-gallery-thumb {
border-width: 0 !important;
}The link to the test page showing the issue is in the private content area..
How would I remove the border in the thumbnail? I also would like to reduce the space between images. Is that coded in the padding?
Thanks so much for your help!
Valerie
August 13, 2015 at 8:05 pm #487417Hey!
Please post a link to the Page with the Gallery.
Cheers!
JosueAugust 13, 2015 at 8:38 pm #487430It’s posted.
August 13, 2015 at 10:31 pm #487466Hey!
Try adding this code to the Quick CSS:
#top div .avia-gallery img { padding: 0; }
Cheers!
JosueAugust 13, 2015 at 11:00 pm #487482Perfect! Thank you, Josue!
August 13, 2015 at 11:10 pm #487488You are welcome, glad to help :)
Regards,
JosueAugust 13, 2015 at 11:14 pm #487491Now that I like the format…of course, I have another couple of questions….
Is it possible to (a) link to the person’s bio page instead of the lightbox and (b) to have a fade effect on the image when selected?
Thanks for being so patient with these questions!
August 13, 2015 at 11:31 pm #487496Or should I just do this with the perfect grid option in masonry gallery?
August 14, 2015 at 12:31 am #487510I tried the masonry gallery and it looks/functions great. It is in the sidebar, aligned all the way to the right. Link to the page in the private content. I would like to center it and the widget title in the sidebar area (I have a background color in it.) How could I do that?
August 14, 2015 at 4:34 am #487535Hey!
Setting a custom link is not currently possible for the normal Gallery, however, you have this option if you use the Masonry Gallery instead http://screencast.com/t/IFVIOyazBR
Cheers!
JosueAugust 14, 2015 at 2:34 pm #487773Hi Josue,
See my reply #487510…I did set it up in the masonry gallery and posted a link to the page in the private content. As you can see, it is aligned at the right. Adjusting the ratio of main content/sidebar only makes the gallery larger; it doesn’t move it more to the left. Is it possible to center the entire widget with gallery and title in the sidebar?
V.
August 14, 2015 at 9:11 pm #487986Hey!
Try adding this code to the Quick CSS:
.inner_sidebar.extralight-border { margin-right: 50px; }
Cheers!
JosueAugust 16, 2015 at 9:50 pm #488440Thanks, Josue! Worked great. This is what looks like a thin white line after the last column. Do you know what that is and how to fix it?
August 16, 2015 at 11:32 pm #488464It looks like that while line on the after the last masonry gallery image is from the white background of the gallery that can be seen as it loads. How would I make the gallery’s background transparent?
August 17, 2015 at 9:44 am #488715Hey!
Try adding this code to the Quick CSS:
.sidebar .av-masonry-container{ margin-left: 1px; }
Cheers!
JosueAugust 18, 2015 at 1:12 am #489217Thank you! Of course…works great!
-
AuthorPosts
- The topic ‘Sidebar: Widget Text Position and Width and Portfolio Widget Format’ is closed to new replies.