I am cloning https://www.sovereignselfdefense.com per request from the owner. To create a Wordpress site. The site that is currently up is a Kajabi site. I have downloaded all images from the Kajabi site by simply right clicking the site and clicking download. I made the Wordpress theme and the images that did not download (shown with arrows) display fine in the custom wordpress theme.
All images, except these images in the CTA (for example, the gentleman with his arms out) are downloaded.
The client is transferring from Kajabi to Wordpress. I am afraid that the cloned wordpress theme is getting these images from the Kajabi site and, when said site is taken down, that I wouldn't be able to get these images. The Wordpress theme works, and displays these images for now.
I used Google Chrome Inspect Elements to try to find what this image is, and how this image is displaying. I am confused.
I'm requesting some tips on how to identify how the site loads these images in the CTA, so I can download them and link the wordpress theme's html accordingly. If someone could teach me how to identify one image, I believe I will be able to identify the rest of the images. Thank you for helping out.
In the inspect you can see the html code there is style expand it and you can access the background image's URL.I have just highlighted in the images.
They have attached a style block before the parent div of any container which has a background image just expand that style tag and get the image.
Image-1:
Image-2:
Image-3:
Image-1: https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2031124/settings_images/tzJ4ad46RcSJinm7qbnO_Edited-image.png
Image-2: https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2031124/settings_images/qqHvByszR1iu2rvfEQwg_defending2.jpg
Image-3: https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2031124/settings_images/AWzmDDsWTlKOdoWPatUA_SovereignSelfDefenseBrandingPhotography-59.jpg
By clicking the image if you can drag it directly to your desktop that means that image is used by
<img src="">
tag in the code. Either it's used through css.
For your code please check the css file and you will get the image use as "background-image:url()" or you can check through inspect element section by section.
If you are using Google chrome then you can download and install this cool extension.
I'm a Gentleman
Here is the description from that link.
Easily save images with a click, gestures or the extension button.
Save images with one click by using the alt + click hotkey (holding the alt key and clicking the image).
Or save images by dragging them (drag the image slightly on any direction).
Download every image on the page by using the extension button (green button on the top right).
Note: The images are downloaded in the default directory for downloads of Chrome.
Installation Note: After installing, Chrome doesn't add any extensions to the currently opened tabs (so, you have to reload the tabs that were opened before the extension was installed to work it to work on them).
Also, you can inspect the page. below is the step on how to access inspect Element.
Right-click anywhere on the webpage, and at the very bottom of the menu that pops up, you will see "Inspect." Click that.
Click the hamburger menu (the icon with 3 stacked dots) on the far
right of your Google Chrome toolbar, click More Tools, then select
Developer Tools.
Now if you want to find out the image you can simply find it by clicking CTRL+F and type like .png or .jpg any other extension that you want to find.
Here is the example.
You can click right click then click save image as and when you are saving it.under the name you will find the type.
Some websites make it almost impossible to get the image. I remember trying to save a background theme image from the old gmail.
If you find yourself in that situation, open the Developer Tools, go to Network, filter by Images then sort by Size descending, so you get the biggest image to be the first one, then hover over each file to find your image.
You want to sort by the file size, because most of the times, the big background images are the largest in size.
Just checked out your website out..
Image 1
You can find this right below the line where the section id is 1574286919067
Image 2
Similar to the first image, this is under the section 1589827030126
Image 3
Once again, under section 1589828889742
Hopes this helps you out.. Let me know if you want to have anymore queries about the same.
The images itself:
-> Image 1: https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2031124/settings_images/tzJ4ad46RcSJinm7qbnO_Edited-image.png
-> Image 2: https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2031124/settings_images/qqHvByszR1iu2rvfEQwg_defending2.jpg
-> Image 3: https://kajabi-storefronts-production.kajabi-cdn.com/kajabi-storefronts-production/themes/2031124/settings_images/AWzmDDsWTlKOdoWPatUA_SovereignSelfDefenseBrandingPhotography-59.jpg
I am trying to build the google homepage for an assignement and sublime text 2 was working for all the header part, but when I add the google logo image and try to resize it or move it around...it just doesnt respond. It doesn't resize the image or moves it anywhere. Why does sublime stop working like that. It has happened to me once before and I copied and pasted everything to a new file multiple times to get it to be responsive. Here are pictures of my code and I can't seem to get the google logo image to size down or move at all.
Here is the css http://imgur.com/dbgG99O
here is the html http://imgur.com/Nse7RSN
Thanks
Sounds like a CSS problem you are having. Your text editor has nothing to do with it. Be sure to reload your browser when you make changes in Sublime as well.
Visual Studio editor
like this(above link), but this is in Visual Studio,
I found a plugin 'BackgroundImage', but it doesn't work.
How can I change the background image in PhpStorm?
I found another plugin again, it is wonderful, it can change editor background image, it can zoom in and fix the position.
plugin name: intellij-wallpaper
https://plugins.jetbrains.com/plugin/8278
Source code: https://github.com/cocuh/intellij-wallpaper/
If you don't want a full background image, you can place a smaller image in the upper right hand corner of the PhpStorm window. I created some instructions and some sample images in this github project. The gimp .xcf file is included if you want to change the colors.
I have set up a WordPress website for a client and have found that the user cannot:
1) change font size
2) change the actual font
3) change colour of the font
for the text they enter in the WordPress admin section as there are no tools to do this in the WSIWYG text editor.
Any suggestions on how to achieve this, I have tried looking for a plugin that enables this but can't seem to find one.
Of course they can achieve this in the Text section through HTML but the users are not familiar with HTML and CSS and frankly I wouldn't want them doing that.
I am using the latest version of WordPress (3.9.2)
p.s. I have the TinyMCE Advanced plugin installed already, it's quite cool but it doesn't have the above features I want.
Believe It or Not you can do this with TinyMCE Advanced.
step 1.) Install and activate the plugin (you said that you done that)
step 2.) Navigate to Settings->TinyMCE Advanced (in admin back-end and click it)
step 3.) There you will see it says Unused Buttons click the button you want and
drag and drop it inside Editor Settings (above Unused Buttons).
step 4.) after you have drag and dropped buttons click Save
step 5.) in order to change font color hover over icons inside Edit post
on one of them (beside undo/redo button) you will see on hover tool-tip that says Toolbar Toggle
click it and it will expand TinyMCE
step 6.) beside emoticons icon you will see an A letter (that letter is
underlined) this is where you change text color.
As you can see there a lot of options to choose from (you probably want Font Family and Font Sizes just see the step3 )
Is it possible to increase the font size on the Sublime Text status bar? I did some searching and didn't find much at all on the subject. I sometimes miss important information displayed in the status bar simply because its so small I don't notice it.
As far as I know you should modify theme settings for that. Please take a look at this answer (at the bottom of the page) Customize interface fonts
Try this it will work for sure in Sublime Text 3 .
navigate to Preferences -> Default File Preferences .
Its will open the file in Sublime text itself
look for "font Courier New 10"(for me Line no: 14)
just change the 10 to X size.